vscode怎么運行vue代碼? vscode啟動vue項目的教程
我要評論要在VS Code中啟動Vue項目，您可以按照以下步驟進(jìn)行操作：
正常情況
打開界面后，創(chuàng)建一個vue文件夾
打開終端，輸入npm install vue命令，下載代碼
等待文件下載完成后，找到dist文件夾，雙擊其中的vue.js 文件運行即可
新手如何用vsCode運行vue項目
安裝Node.js
下載地址：https://nodejs.org/en/，安裝過程一路next就行
檢查安裝是否成功：
（1）node -v，出現(xiàn)版本號
（2）node -e “console.log(‘Hello world!’)”
說明安裝成功了。
打開vsCode左側(cè)欄的擴(kuò)展，搜索并安裝 Vetur
英文不熟練的小伙伴可以在拓展商店搜索chinese安裝中文插件
左上角打開要運行的項目所在文件夾 在vsCode按住ctrl+`呼出終端，輸入 npm install 回車（正常運行直接跳到文章結(jié)尾）
如果結(jié)果出現(xiàn)無法將“npm”項識別為 cmdlet、函數(shù)、腳本文件或可運行程序的名稱...
這說明沒有設(shè)置環(huán)境變量，這時候應(yīng)該：
（1）在“我的電腦”右鍵打開“屬性”——>高級系統(tǒng)設(shè)置——>環(huán)境變量
（2）在用戶變量點擊“新建”，變量名輸入NODE_PATH，變量值輸入你node.js安裝的路徑
（3）修改系統(tǒng)變量中的Path，添加 %NODE_PATH%
（4）在node.js的安裝路徑下創(chuàng)建文件夾“node_global”及“node_cache”
（5）在終端運行
npm config set prefix “D:\software\nodeJs\node_global”
npm config set cache “D:\software\nodeJs\node_cache”
npm config set registry=http://registry.npm.taobao.org
（6）設(shè)置vsCode為管理員身份運行
（7）用管理員方式運行 powershell
執(zhí)行：get-ExecutionPolicy
執(zhí)行：set-ExecutionPolicy RemoteSigned
輸入Y回車
在vsCode終端重新輸入npm install，可以看到成功了
繼續(xù)輸入npm run dev運行項目
成功運行的話，恭喜你到這里結(jié)束了！http://localhost:8080就可以打開項目了~
以上就是vscode啟動vue項目的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)文章
VSCode選項卡上的擴(kuò)展怎么關(guān)閉出發(fā)? vscode不顯示觸發(fā)選項卡上的擴(kuò)展技
VSCode選項卡上的擴(kuò)展怎么關(guān)閉出發(fā)？VSCode選項卡中可以出發(fā)擴(kuò)展，也可以關(guān)閉觸發(fā)，該怎么操作呢？下面我們就來看看vscode不顯示觸發(fā)選項卡上的擴(kuò)展技巧2023-10-07VS Code怎么設(shè)置分支排序順序? 按提交人日期分支排序的技巧
VS Code怎么設(shè)置分支排序順序？VS Code中想要控制分支的排序順序，在哪來設(shè)置呢？下面我們就來看看VSCode按提交人日期分支排序的技巧2023-08-19- vscode中g(shù)it怎么忽略子模塊？vscode中想要忽略對文件樹中子模塊的修改，該怎么設(shè)置呢？詳細(xì)請看下文介紹2023-08-16
- VSCode怎么開啟確認(rèn)無驗證提交？很多朋友找不到設(shè)置的位置，下面我們就來看看詳細(xì)的圖文教程2023-08-16
VSCode專注模式是什么? VSCode編輯器專注模式介紹
VSCode專注模式是什么？VSCode編輯代碼為了不被打擾，可以使用專注模式，該怎么使用呢？下面我們就來看看VSCode編輯器專注模式介紹2023-08-04vscode取色器怎么調(diào)用? vscode中css的使用教程
vscode取色器怎么調(diào)用？vscode支持css，其中最使用的兩個功能取色器 Color Picker和CSS 選擇器的預(yù)覽怎么用呢？詳細(xì)請看下文介紹2023-08-04- VsCode編輯器怎么使用Emmet神器？VsCode在書寫 HTML 的時候，可以使用Emmet解決很多問題，詳細(xì)請看下文介紹2023-08-04
VSCode終端面板里文件怎么跳轉(zhuǎn)? VSCode文件跳轉(zhuǎn)的實現(xiàn)方法
VSCode終端面板里文件怎么跳轉(zhuǎn)？VSCode終端面板中的文件想要打開調(diào)用的文件，該怎么操作呢？下面我們就來看看VSCode文件跳轉(zhuǎn)的實現(xiàn)方法2023-07-22VSCode怎么修改主題顏色? VSCode修改主題配色的技巧
VSCode怎么修改主題顏色？VSCode設(shè)置號主題顏色是，自動補(bǔ)全給你提示了所有已經(jīng)安裝的主題，該怎么修改代碼顏色呢？下面我們就來看看詳細(xì)的教程2023-07-22vscode常用插件有哪些? VSCode經(jīng)典插件推薦
vscode常用插件有哪些？vscode中的插件很多，今天我們就來推薦一些VSCode經(jīng)典插件，詳細(xì)請看下文介紹2023-07-22
