一.nodejs的安裝
nodejs官網下載傳送門
直到Finish完成安裝。
2.windows+R打開命令行窗口,分別執行 node -v npm -v命令
該鏈接下的步驟8忽略 再走該鏈接裏的步驟9 緊接着再次執行 node -v和npm -v 看是否出來版本號
4.windows+R命令行裏執行如下命令來安裝淘寶鏡像(copy如下命令) npm install -g cnpm --registry=https://registry.npm.taobao.org
5.安裝vue -cli,命令行裏執行如下命令(copy如下命令) cnpm install vue-cli -g
二.Vue項目的創建
6.打開vscode,新建vue項目(我是在D盤根目錄下 新建了一個名字是indexshow的vue項目)命令爲 vue init webpack indexshow
若出現如下報錯傳送門:傳送;沒出現的話跳過:
7.如下提示:一路都是回車(默認,除非自己有特需)
7.vscode右上角 打開 --> 打開文件夾(找到你新建vue項目文件夾)
8.打開終端,依次輸入一下命令
1)安裝依賴 執行命令:cnpm install
2)運行項目 cnpm run dev
3) 按住Ctrl同時點擊綠框所示地址 項目就在瀏覽器裏打開了
9.該頁面就是vscode裏的APP.vue
、