vscode怎么運行vue代碼? vscode啟動vue項目的教程
我要評論要在VS Code中啟動Vue項目，您可以按照以下步驟進行操作：
正常情況
打開界面后，創(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左側欄的擴展，搜索并安裝 Vetur
英文不熟練的小伙伴可以在拓展商店搜索chinese安裝中文插件
左上角打開要運行的項目所在文件夾 在vsCode按住ctrl+`呼出終端，輸入 npm install 回車（正常運行直接跳到文章結尾）
如果結果出現(xiàn)無法將“npm”項識別為 cmdlet、函數(shù)、腳本文件或可運行程序的名稱...
這說明沒有設置環(huán)境變量，這時候應該：
（1）在“我的電腦”右鍵打開“屬性”——>高級系統(tǒng)設置——>環(huán)境變量
（2）在用戶變量點擊“新建”，變量名輸入NODE_PATH，變量值輸入你node.js安裝的路徑
相關文章
VSCode選項卡上的擴展怎么關閉出發(fā)? vscode不顯示觸發(fā)選項卡上的擴展技
VSCode選項卡上的擴展怎么關閉出發(fā)？VSCode選項卡中可以出發(fā)擴展，也可以關閉觸發(fā)，該怎么操作呢？下面我們就來看看vscode不顯示觸發(fā)選項卡上的擴展技巧2023-10-07VS Code怎么設置分支排序順序? 按提交人日期分支排序的技巧
VS Code怎么設置分支排序順序？VS Code中想要控制分支的排序順序，在哪來設置呢？下面我們就來看看VSCode按提交人日期分支排序的技巧2023-08-19- vscode中git怎么忽略子模塊？vscode中想要忽略對文件樹中子模塊的修改，該怎么設置呢？詳細請看下文介紹2023-08-16
- VSCode怎么開啟確認無驗證提交？很多朋友找不到設置的位置，下面我們就來看看詳細的圖文教程2023-08-16
VSCode專注模式是什么? VSCode編輯器專注模式介紹
VSCode專注模式是什么？VSCode編輯代碼為了不被打擾，可以使用專注模式，該怎么使用呢？下面我們就來看看VSCode編輯器專注模式介紹2023-08-04vscode取色器怎么調用? vscode中css的使用教程
vscode取色器怎么調用？vscode支持css，其中最使用的兩個功能取色器 Color Picker和CSS 選擇器的預覽怎么用呢？詳細請看下文介紹2023-08-04- VsCode編輯器怎么使用Emmet神器？VsCode在書寫 HTML 的時候，可以使用Emmet解決很多問題，詳細請看下文介紹2023-08-04
VSCode終端面板里文件怎么跳轉? VSCode文件跳轉的實現(xiàn)方法
VSCode終端面板里文件怎么跳轉？VSCode終端面板中的文件想要打開調用的文件，該怎么操作呢？下面我們就來看看VSCode文件跳轉的實現(xiàn)方法2023-07-22VSCode怎么修改主題顏色? VSCode修改主題配色的技巧
VSCode怎么修改主題顏色？VSCode設置號主題顏色是，自動補全給你提示了所有已經(jīng)安裝的主題，該怎么修改代碼顏色呢？下面我們就來看看詳細的教程2023-07-22vscode常用插件有哪些? VSCode經(jīng)典插件推薦
vscode常用插件有哪些？vscode中的插件很多，今天我們就來推薦一些VSCode經(jīng)典插件，詳細請看下文介紹2023-07-22
