使用WebStorm運行vue項目的詳細(xì)圖文教程
在WebStorm中怎么打開一個已有的項目,這個不用多說,那么如何運行一個vue項目呢?
1.點擊下圖中右上角的紅框。
2.在出現(xiàn)的彈框中選中左上角“+”下的“npm”,如下圖所示。
3.選中第二步的“npm”之后,會出現(xiàn)下圖。
4.這里有3個地方需要更改,如下圖所示。更改完成之后,依次點擊右下角的“Apply”和“OK”。
其中,Name——自己隨意??;
package.json——點擊右邊的下拉箭頭,選中那唯一的選項即可;
Scripts——點擊右邊的下拉箭頭,選中"dev"。
5.點擊下圖中右上角的紅框運行。
6.運行結(jié)束如下圖所示,點擊項目地址即可在瀏覽器中打開。
補(bǔ)充:webstorm 打開vue工程飄紅Cannot resolve directory '~@'
升級了WebStorm 2020.3.1版本,感覺速度和體驗一塊提升了不少,可以專心Coding咯~打開目前正開發(fā)的工程,報了兩個錯,強(qiáng)迫癥犯了,警告和提示看得心里長刺,如下圖:
下面配置一下,消除這樣的警告和錯誤
保存配置之后,等一會后就看到錯誤自動消失了,好了,清凈了~~
總結(jié)
到此這篇關(guān)于使用WebStorm運行vue項目的文章就介紹到這了,更多相關(guān)WebStorm運行vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Vue3+TypeScript報錯:無法找到模塊xx的聲明文件問題
這篇文章主要介紹了Vue3+TypeScript報錯:無法找到模塊xx的聲明文件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11el-table?fixed固定列導(dǎo)致錯位的解決方法介紹
ElementUI中el-table設(shè)置指定列固定不動,不受滾動條影響,下面這篇文章主要給大家介紹了關(guān)于el-table?fixed固定列導(dǎo)致錯位的解決方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11