VSCode搭建vue項目的實現步驟

一、安裝環境：

1.默認Vscode、nodejs已經安裝好瞭

2.全局安裝vue-cli，vue-cli幫助我們快速構建Vue項目。

npm install -g @vue/cli

3.安裝webpack (打包js的工具)

npm install -g webpack

1.開始創建vue項目，首先創建一個文件夾用來存放項目，用vscode打開對應的文件夾，並在終端cd到對應的文件夾。比如我的文件夾就是VUE

註意：接下來的命令需要在cmd命令窗口，vscode默認是powershell，需要自己改一下。

vue create 項目名

3.接著運行項目，先cd到項目文件夾（這裡我的項目叫 myvue），cd myvue，然後輸入以下指令。（這部可能會報錯，解決方法在文章最下方）

npm run serve

4.接著在瀏覽器裡輸入:http://localhost:8081（vscode給的鏈接，大傢可能會有點不一樣），看到如下vue頁面就是成功啦。

5.項目打包發佈上線

npm run build

完成之後，項目文件夾中會出現一個dist文件夾，裡面就是打包之後的內容，直接部署就好瞭。

問題：npm run serve時可能會報錯（關於eslint校驗的錯誤或警告，如下圖）

解決：註釋掉這一行

到此這篇關於VSCode搭建vue項目的實現步驟的文章就介紹到這瞭,更多相關VSCode搭建vue項目內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！