vueJS環境搭建基本步驟
阿新 • • 發佈:2018-12-12
最近專案的需求,需要重新學習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 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