vscode運(yùn)行vue項(xiàng)目需要配置什么? vscode啟動(dòng)vue項(xiàng)目的技巧
我要評(píng)論Visual Studio Code中想要搭建vue的運(yùn)行環(huán)境，該怎么操作呢？下面我們就來看看詳細(xì)的教程。
Visual Studio Code(代碼編輯器) v1.99.3 64位 中文免費(fèi)綠色版
- 類型：編譯工具
- 大小：143MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2025-04-17
Visual Studio Code搭建NodeJs的開發(fā)環(huán)境
不會(huì)的朋友可以參考之前的文章《vs code怎么搭建NodeJs的開發(fā)環(huán)境? vscode運(yùn)行nodejs代碼的技巧》。
VSCode搭建Vue項(xiàng)目
npm使用國(guó)內(nèi)淘寶鏡像
在vscode終端控制臺(tái)輸入
npm config set registry https://registry.npm.taobao.org
驗(yàn)證
npm config get registry
安裝vue-cli工具
將之前建立的node_global文件夾路徑配置到Path的環(huán)境變量?jī)?nèi)
再重啟電腦
然后在vscode終端控制臺(tái)輸入
npm install -g @vue/cli
輸入
vue --version
查看版本
提示
“vue : 無法加載文件 G:\編程\nodejs\node_global\vue.ps1，因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本。”
刪除vue.ps1文件后
再次輸入
vue --version
輸入
vue create hello-world
按回車確認(rèn)
創(chuàng)建一個(gè)vue項(xiàng)目
輸入
cd hello-world npm run serve
運(yùn)行vue項(xiàng)目
使用快捷鍵CTRL+C
提示終止批處理操作嗎(Y/N)?
輸入y
停止vue項(xiàng)目
以上就是vscode啟動(dòng)vue項(xiàng)目的技巧，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Visual Studio Code無聲通知怎么設(shè)置? 關(guān)閉vscode智能提示功能
VSCode中LeetCode插件怎么安裝并使用? LeetCode插件安裝教程
VSCode文件圖標(biāo)主題怎進(jìn)行美化? vscode文件圖標(biāo)插件的用法
相關(guān)文章
VSCode怎么開啟渲染指示器？Visual Studio Code中想要設(shè)置渲染指示器，該怎么設(shè)置呢？這是基操，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2021-03-19
mac版vscode怎么禁止拖放內(nèi)容? vscode不允許拖放內(nèi)容的教程
mac版vscode怎么禁止拖放內(nèi)容？vscode代碼編輯器在操作的時(shí)候，發(fā)現(xiàn)代碼可以直接拖拽放進(jìn)來，為了防止誤操作，想要禁止這個(gè)功能，該怎么操作呢？下面我們就來看看vscode不2021-01-19
mac版vscode按alt滾動(dòng)速度倍增在哪里設(shè)置?
mac版vscode按alt滾動(dòng)倍增速度在哪里設(shè)置？vscode滾動(dòng)文本的時(shí)候，按alt可以增加滾動(dòng)速度，該怎么設(shè)置alt滾動(dòng)速度倍增的倍數(shù)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可2021-01-18
mac vscode怎么關(guān)閉鼠標(biāo)和鍵盤的列選擇功能?
mac vscode怎么取消鼠標(biāo)和鍵盤的列選擇功能？vscode中可以使用鼠標(biāo)和鍵盤進(jìn)行列選擇，現(xiàn)在想要取消這個(gè)功能，該怎么操作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2021-01-14
mac vscode注釋時(shí)怎么忽略空行? vscode開啟忽略空行的技巧
mac vscode注釋時(shí)怎么忽略空行？ vscode在添加刪除注釋的時(shí)候想要忽略空行，該怎么設(shè)置你額？下面我們就來看看vscode開啟忽略空行的技巧，需要的朋友可以參考下2021-01-14
mac版vscode注釋時(shí)怎么先插入空格？vscode在給代碼添加注釋的時(shí)候，想要給代碼添加注釋的時(shí)候，想插入一個(gè)空格，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可2021-01-14
mac版vscode怎么禁止括號(hào)自動(dòng)補(bǔ)全? vscode禁止跳出右括號(hào)的技巧
mac版vscode怎么禁止括號(hào)自動(dòng)補(bǔ)全？mac版vscode在編寫代碼的時(shí)候，輸入左括號(hào)，自動(dòng)添加右括號(hào)，該怎么解決這個(gè)問題呢？下面我們就來看看vscode禁止跳出右括號(hào)的技巧，需要2020-12-24
vscode如何運(yùn)行python? vs code新建并運(yùn)行python代碼的技巧
vscode如何運(yùn)行python？vscode中想要運(yùn)行python程序，首先我們需要?jiǎng)?chuàng)建python項(xiàng)目，下面我們就來看看vs code創(chuàng)建并運(yùn)行python代碼的技巧，需要的朋友可以參考下2020-12-15
VS code怎么設(shè)置字體大小? VScode字體放大縮小的技巧
VS code怎么設(shè)置字體大小？VS code中想要設(shè)置字體的大小，該怎么調(diào)整字體呢？下面我們就來看看VScode字體放大縮小的技巧，需要的朋友可以參考下2020-12-01
vscode沒有完全漢化怎么辦? vs code部分內(nèi)容沒漢化的解決辦法
vs code沒有完全漢化怎么辦？visual studio code漢化以后發(fā)現(xiàn)有一本分功能沒有漢化，該怎么辦呢？下面我們就來看看vs code部分內(nèi)容沒有漢化的解決辦法，需要的朋友可以參考2020-12-01
