溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vscode中怎么創(chuàng)建并運行vue項目

發(fā)布時間:2021-12-04 08:28:26 來源:億速云 閱讀:1129 作者:柒染 欄目:軟件技術(shù)

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

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

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

下載安裝就可以了 ,默認安裝就沒問題,會自動配置好環(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ù)、腳本或可運行程序的名稱

需要打開

輸入命令查看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)建并運行vue項目就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI