使用WebStorm運行vue項目的詳細圖文教程
在WebStorm中怎么打開一個已有的項目，這個不用多說，那么如何運行一個vue項目呢？
1.點擊下圖中右上角的紅框。
2.在出現(xiàn)的彈框中選中左上角“+”下的“npm”，如下圖所示。
3.選中第二步的“npm”之后，會出現(xiàn)下圖。
4.這里有3個地方需要更改，如下圖所示。更改完成之后，依次點擊右下角的“Apply”和“OK”。
其中，Name——自己隨意取；
package.json——點擊右邊的下拉箭頭，選中那唯一的選項即可；
Scripts——點擊右邊的下拉箭頭，選中"dev"。
5.點擊下圖中右上角的紅框運行。
6.運行結(jié)束如下圖所示，點擊項目地址即可在瀏覽器中打開。
補充：webstorm 打開vue工程飄紅Cannot resolve directory '~@'
升級了WebStorm 2020.3.1版本，感覺速度和體驗一塊提升了不少，可以專心Coding咯~打開目前正開發(fā)的工程，報了兩個錯，強迫癥犯了，警告和提示看得心里長刺，如下圖：
下面配置一下，消除這樣的警告和錯誤
保存配置之后，等一會后就看到錯誤自動消失了，好了，清凈了~~
總結(jié)
到此這篇關(guān)于使用WebStorm運行vue項目的文章就介紹到這了,更多相關(guān)WebStorm運行vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Vue中進行打包與部署的相關(guān)資料, 我們常使用前后端分離項目時,會需要將前端vue打包然后部署,需要的朋友可以參考下2023-09-09
vue2中使用echarts實現(xiàn)中國地圖、在中國地圖上標注坐標散點圖的操作代碼
這篇文章主要介紹了vue2中使用echarts實現(xiàn)中國地圖、在中國地圖上標注坐標散點圖,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2024-05-05
雖然前端UI框架大都提供文件上傳的組件，以及很多插件可供選擇，工作中可能不需要我們手寫一個上傳組件，但是從零封裝組件對學習是很有助益的。下文為大家介紹使用Vue3+TypeScript實現(xiàn)的一個文件上傳的功能，目前只實現(xiàn)上傳等基本功能，后續(xù)會逐漸對功能進行擴展2021-05-05
這篇文章主要介紹了過濾器vue.filters的使用方法實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
vue3+vant4實現(xiàn)pdf文件上傳與預覽組件
這篇文章主要介紹了vue3如何結(jié)合vant4實現(xiàn)簡單的pdf文件上傳與預覽組件,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2025-04-04
這篇文章主要介紹了vue 自動生成swagger接口請求文件的方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
vue項目中在外部js文件中直接調(diào)用vue實例的方法比如說this
這篇文章主要介紹了vue項目中在外部js文件中直接調(diào)用vue實例的方法比如說this,需要的朋友可以參考下2019-04-04
頁面內(nèi)錨點定位及跳轉(zhuǎn)方法總結(jié)（推薦）
這篇文章主要介紹了頁面內(nèi)錨點定位及跳轉(zhuǎn)方法總結(jié)，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了在antd4.0中Form使用initialValue操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了在vscode中使用腳手架搭建vue項目的相關(guān)資料,包括創(chuàng)建Vue2和Vue3項目,并展示了如何自定義項目配置,如選擇特性、路由模式、CSS預處理器和工具配置,通過代碼介紹的非常詳細,需要的朋友可以參考下2024-12-12