vscode+vue 一些基本操作


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 就可以終止項目運行


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM