這篇文章將為大家詳細(xì)講解有關(guān)vscode中怎么創(chuàng)建并運(yùn)行vue項目，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

創(chuàng)新互聯(lián)從2013年成立，先為江北等服務(wù)建站，江北等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為江北企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

下面給大家介紹一下vscode中創(chuàng)建并運(yùn)行vue項目的方法！

安裝前先配置vue的原型環(huán)境node.js

下載安裝就可以了 ，默認(rèn)安裝就沒問題，會自動配置好環(huán)境變量

安裝vue的腳手架，vue-cli

1、安裝Visual Studio Code 軟件。

2、可以社會語言為中文。

3、安裝完成之后 電腦重新建一個文件夾存放vue項目

4、按住啊 ctrl+shift+~ 啟動命令行工具

5、在命令行中輸入vue init webpack test

輸入命令行之后可能會出現(xiàn)一個問題，無法加“vue”項識別為cmdlet、函數(shù)、腳本或可運(yùn)行程序的名稱

需要打開

輸入命令查看get-ExecutionPolicy，顯示Restricted（表示狀態(tài)是禁止的），則執(zhí)行命令set-ExecutionPolicy RemoteSigned最后輸入命令查看get-ExecutionPolicy，顯示RemoteSigned表示可以用了

還有一種可能就是環(huán)境變量配置有問題

6、重啟軟件繼續(xù)執(zhí)行 vue init webpack test

一路回車就好表示創(chuàng)建成功

7、創(chuàng)建成功之后 cd到項目路徑下執(zhí)行npm install

8、然后執(zhí)行npm run dev 啟動項目

項目啟動成功

關(guān)于vscode中怎么創(chuàng)建并運(yùn)行vue項目就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。