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