Vue及Vue-Cli的環境搭建(Windows)
1.下載安裝nodejs,win+R鍵,運行cmd,輸入node --version查看node版本號,有則為已安裝;
node --version | node -V
2.安裝cnpm,解決npm安裝速度慢甚至不能安裝的問題.win+R鍵輸入cmd命令行輸入:
npm install -g cnpm --registry=http://registry.npm.taobao.org
3.安裝全局vue-cli腳手架
cnpm install -g vue-cli / npm install -g @vue/cli
4.安裝webpack
cnpm install webpack -g
5.(重點!!!)桌面右鍵此電腦->屬性->高級系統設置->環境變量->系統變量,選擇path,編輯新建,把vue的安裝路徑粘貼到里面,保存
6.vue -V檢查是否搭建成功
7.vue create my-project創建項目
8.打開powershell
選定路徑,新建vue項目,例如在桌面新建一個test文件夾,cd目錄路徑
9.新建項目:
vue init webpack "項目名稱" || vue create my-project
10.安裝依賴,運行一下
npm install 安裝依賴
npm run dev 運行項目自動打開瀏覽器打開項目
注意：盡量還是使用官方的源，cnpm淘寶的源在有的時候會出現錯誤。
項目目錄一覽
