1.安裝好 vscode 和 node.js 安裝node.js是為了用npm(管理項目依賴)
2.調出終端 crtl +~ ,
3.終端全局安裝 vue-cli 安裝整個腳手架,能快速給我們構建vue項目
安裝命令:npm install -g vue-cli
4。終端安裝webpack包,用來打包js工具.
安裝命令:npm install -g webpack
5.安裝完后可以創建一個vue項目,首先建立一個文件夾,然后用vscode打開文件夾,然后終端到該文件夾,如我的是vscodeProject
創建項目命令:vue init webpack 項目名
如:vue init webpack learn01
然后會出現一些配置,回車就好,為yes,最后就會構建成功
6. cd learn01
7. npm run dev
8.訪問http://localhost:8080 看到vue的視圖,就項目構建成功了
二、
1.假如你在learn01項目下,再構建另一個項目在vscodeProject文件夾下 ,終端 然后 cd..就會回退到上一個文件夾
三、vscode 中一些操作
1.如果安裝了 eslint :它的語法很嚴格,當多打空格啥的都會報錯,
如: Expected space or tab after '//' in comment
故:關閉 方式如下
修改build\webpack.base.conf.js文件
四、
1.shift +crtl+n可以打開多個項目
2.終端中crtl+c 就可以終止項目運行