vscode運行vue項目需要配置什麼? vscode啟動vue項目的技巧

Visual Studio Code中想要搭建vue的運行環境，該怎麼操作呢？下面我們就來看看詳細的教程。

Visual Studio Code(代碼編輯器) v1.62.3 64位中文免費綠色版

查看詳情

不會的朋友可以參考之前的文章《vs code怎麼搭建NodeJs的開發環境? vscode運行nodejs代碼的技巧》。

npm使用國內淘寶鏡像

在vscode終端控制臺輸入

npm config set registry https://registry.npm.taobao.org

驗證

npm config get registry

安裝vue-cli工具

將之前建立的node_global文件夾路徑配置到Path的環境變量內

再重啟電腦

然後在vscode終端控制臺輸入

npm install -g @vue/cli

輸入

vue --version

查看版本

提示

“vue : 無法加載文件 G:\編程\nodejs\node_global\vue.ps1，因為在此系統上禁止運行腳本。”

刪除vue.ps1文件後

再次輸入

vue --version

輸入

vue create hello-world

按回車確認

創建一個vue項目

輸入

cd hello-world
npm run serve

運行vue項目

使用快捷鍵CTRL+C

提示終止批處理操作嗎(Y/N)?

輸入y

停止vue項目

以上就是vscode啟動vue項目的技巧，希望大傢喜歡，請繼續關註GuideAH。

相關推薦：

Visual Studio Code無聲通知怎麼設置? 關閉vscode智能提示功能

VSCode中LeetCode插件怎麼安裝並使用? LeetCode插件安裝教程

VSCode文件圖標主題怎進行美化? vscode文件圖標插件的用法