1. 程式人生 > >vueJS環境搭建基本步驟

vueJS環境搭建基本步驟

最近專案的需求,需要重新學習vueJS,在此記錄vueJS環境搭建配置過程。 一、首先要明確vueJS是基於nodeJS中的npm來做配置所以,首先得配置nodeJS,相關的配置直接去nodejs官網下載需要的安裝包即可。 環境檢測如圖: 在這裡插入圖片描述 這裡有一個小技巧:如果在cmd中直接使用npm來安裝的一些工具的話會比較慢,所以我們使用淘寶的npm映象: 輸入npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安裝npm映象,以後再用到npm的地方直接用cnpm來代替就好了 二、準備工作完成以後開始安裝vue-cil(vueJS腳手架,快速開發專案構建,能快速開發專案) 輸入程式碼:npm install --global vue-cli

驗證是否安裝成功,在命令列中輸入vue,出來vue的資訊說明安裝成功: 在這裡插入圖片描述 三、安裝完腳手架以後開始,開始建立一個新專案,進入到你得web專案檔案下開始架構你的工程。

vue init webpack vue-fast

在這裡插入圖片描述 支援就vue專案就構建完成了: 在這裡插入圖片描述 四、啟動專案

cd ./projevt
npm run dev

在這裡插入圖片描述 在這裡插入圖片描述 最後在瀏覽器中輸入http://localhost:8080/#/,或者瀏覽器自動彈出就會出現如下介面: 在這裡插入圖片描述 bingo。。。。。vueJS install done!

具體問題可以參考這位大神這篇部落格:

https://blog.csdn.net/luckylqh/article/details/52863026?locationNum=2&fps=1