使用WebStorm運(yùn)行vue項(xiàng)目的詳細(xì)圖文教程
在WebStorm中怎么打開一個已有的項(xiàng)目，這個不用多說，那么如何運(yùn)行一個vue項(xiàng)目呢？
1.點(diǎn)擊下圖中右上角的紅框。
2.在出現(xiàn)的彈框中選中左上角“+”下的“npm”，如下圖所示。
3.選中第二步的“npm”之后，會出現(xiàn)下圖。
4.這里有3個地方需要更改，如下圖所示。更改完成之后，依次點(diǎn)擊右下角的“Apply”和“OK”。
其中，Name——自己隨意取；
package.json——點(diǎn)擊右邊的下拉箭頭，選中那唯一的選項(xiàng)即可；
Scripts——點(diǎn)擊右邊的下拉箭頭，選中"dev"。
5.點(diǎn)擊下圖中右上角的紅框運(yùn)行。
6.運(yùn)行結(jié)束如下圖所示，點(diǎn)擊項(xiàng)目地址即可在瀏覽器中打開。
補(bǔ)充：webstorm 打開vue工程飄紅Cannot resolve directory '~@'
升級了WebStorm 2020.3.1版本，感覺速度和體驗(yàn)一塊提升了不少，可以專心Coding咯~打開目前正開發(fā)的工程，報(bào)了兩個錯，強(qiáng)迫癥犯了，警告和提示看得心里長刺，如下圖：
下面配置一下，消除這樣的警告和錯誤
保存配置之后，等一會后就看到錯誤自動消失了，好了，清凈了~~
總結(jié)
到此這篇關(guān)于使用WebStorm運(yùn)行vue項(xiàng)目的文章就介紹到這了,更多相關(guān)WebStorm運(yùn)行vue項(xiàng)目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
詳解如何去除vue項(xiàng)目中的#——History模式
這篇文章主要介紹了詳解如何去除vue項(xiàng)目中的#——History模式 ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
本文主要介紹了Vue保持用戶登錄狀態(tài)(各種token存儲方式)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Vue3+TypeScript報(bào)錯:無法找到模塊xx的聲明文件問題
這篇文章主要介紹了Vue3+TypeScript報(bào)錯:無法找到模塊xx的聲明文件問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要為大家詳細(xì)介紹了Vue圖片放大鏡組件的封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了vue中字符串如何拼接路由path路徑方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
這篇文章主要介紹了Vue3?PC端頁面開發(fā)規(guī)范及說明，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要給大家介紹了關(guān)于vue+element開發(fā)一個谷歌插件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
這篇文章主要介紹了Vue內(nèi)部渲染視圖的方法，本文通過實(shí)例代碼圖文并茂的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
Vue Spa切換頁面時(shí)更改標(biāo)題的實(shí)例代碼
本篇文章主要介紹了Vue Spa切換頁面時(shí)更改標(biāo)題的實(shí)例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
el-table?fixed固定列導(dǎo)致錯位的解決方法介紹
ElementUI中el-table設(shè)置指定列固定不動,不受滾動條影響,下面這篇文章主要給大家介紹了關(guān)于el-table?fixed固定列導(dǎo)致錯位的解決方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11