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