vscode運行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)文章
- VSCode怎么開啟渲染指示器?Visual Studio Code中想要設(shè)置渲染指示器,該怎么設(shè)置呢?這是基操,下面我們就來看看詳細的教程,需要的朋友可以參考下2021-03-19
mac版vscode怎么禁止拖放內(nèi)容? vscode不允許拖放內(nèi)容的教程
mac版vscode怎么禁止拖放內(nèi)容?vscode代碼編輯器在操作的時候,發(fā)現(xiàn)代碼可以直接拖拽放進來,為了防止誤操作,想要禁止這個功能,該怎么操作呢?下面我們就來看看vscode不2021-01-19mac版vscode按alt滾動速度倍增在哪里設(shè)置?
mac版vscode按alt滾動倍增速度在哪里設(shè)置?vscode滾動文本的時候,按alt可以增加滾動速度,該怎么設(shè)置alt滾動速度倍增的倍數(shù)呢?下面我們就來看看詳細的教程,需要的朋友可2021-01-18mac vscode怎么關(guān)閉鼠標和鍵盤的列選擇功能?
mac vscode怎么取消鼠標和鍵盤的列選擇功能?vscode中可以使用鼠標和鍵盤進行列選擇,現(xiàn)在想要取消這個功能,該怎么操作呢?下面我們就來看看詳細的教程,需要的朋友可以參2021-01-14mac vscode注釋時怎么忽略空行? vscode開啟忽略空行的技巧
mac vscode注釋時怎么忽略空行? vscode在添加刪除注釋的時候想要忽略空行,該怎么設(shè)置你額?下面我們就來看看vscode開啟忽略空行的技巧,需要的朋友可以參考下2021-01-14- mac版vscode注釋時怎么先插入空格?vscode在給代碼添加注釋的時候,想要給代碼添加注釋的時候,想插入一個空格,該怎么實現(xiàn)呢?下面我們就來看看詳細的教程,需要的朋友可2021-01-14
mac版vscode怎么禁止括號自動補全? vscode禁止跳出右括號的技巧
mac版vscode怎么禁止括號自動補全?mac版vscode在編寫代碼的時候,輸入左括號,自動添加右括號,該怎么解決這個問題呢?下面我們就來看看vscode禁止跳出右括號的技巧,需要2020-12-24vscode如何運行python? vs code新建并運行python代碼的技巧
vscode如何運行python?vscode中想要運行python程序,首先我們需要創(chuàng)建python項目,下面我們就來看看vs code創(chuàng)建并運行python代碼的技巧,需要的朋友可以參考下2020-12-15VS code怎么設(shè)置字體大小? VScode字體放大縮小的技巧
VS code怎么設(shè)置字體大小?VS code中想要設(shè)置字體的大小,該怎么調(diào)整字體呢?下面我們就來看看VScode字體放大縮小的技巧,需要的朋友可以參考下2020-12-01vscode沒有完全漢化怎么辦? vs code部分內(nèi)容沒漢化的解決辦法
vs code沒有完全漢化怎么辦?visual studio code漢化以后發(fā)現(xiàn)有一本分功能沒有漢化,該怎么辦呢?下面我們就來看看vs code部分內(nèi)容沒有漢化的解決辦法,需要的朋友可以參考2020-12-01