欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

  發(fā)布時間:2021-11-29 11:44:32   作者:佚名   我要評論
vscode運行vue項目需要配置什么?Visual Studio Code中想要運行vue項目,該怎么配置呢?下面我們就來看看vscode啟動vue項目的技巧

Visual Studio Code中想要搭建vue的運行環(huán)境,該怎么操作呢?下面我們就來看看詳細的教程。

Visual Studio Code搭建NodeJs的開發(fā)環(huán)境

不會的朋友可以參考之前的文章《vs code怎么搭建NodeJs的開發(fā)環(huán)境? vscode運行nodejs代碼的技巧》。 

VSCode搭建Vue項目

npm使用國內(nèi)淘寶鏡像

在vscode終端控制臺輸入

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

驗證 

npm config get registry

安裝vue-cli工具

將之前建立的node_global文件夾路徑配置到Path的環(huán)境變量內(nèi)

再重啟電腦

然后在vscode終端控制臺輸入

npm install -g @vue/cli

輸入

vue --version

查看版本

提示

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

刪除vue.ps1文件后

再次輸入

vue --version

輸入

vue create hello-world

按回車確認

創(chuàng)建一個vue項目

輸入

cd hello-world
npm run serve

運行vue項目

使用快捷鍵CTRL+C

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

輸入y

停止vue項目

以上就是vscode啟動vue項目的技巧,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

Visual Studio Code無聲通知怎么設(shè)置? 關(guān)閉vscode智能提示功能

VSCode中LeetCode插件怎么安裝并使用? LeetCode插件安裝教程

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

相關(guān)文章

最新評論