現(xiàn)在vue.js幾乎是程序員必會(huì)的前端框架啦~
今天就學(xué)習(xí)記錄一下怎么運(yùn)行一個(gè)vue項(xiàng)目
無(wú)論是Idea還是webstorm,都是一樣的操作。
去網(wǎng)上隨便找一個(gè)開(kāi)源項(xiàng)目,以下就是操作的流程,不管是用webstorm還是idea界面都一樣。
第一步:終端輸入npm install命令

第二步:配置這里

第三步:第二步點(diǎn)開(kāi)以后就是這個(gè)界面
其中,name自己隨便寫
package.json的路徑
scripts這里寫dev還是serve,看json文件配置

第四步:這就是配置文件,里面是命令

第五步:運(yùn)行

第六步:終端會(huì)出現(xiàn)項(xiàng)目地址

第七步:成功啦

以上就是所有的操作過(guò)程,博主覺(jué)得很完善~
到此這篇關(guān)于如何用Idea或者webstorm跑一個(gè)Vue項(xiàng)目(步驟詳解)的文章就介紹到這了,更多相關(guān)idea webstorm 跑vue項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
您可能感興趣的文章:- 使用IDEA工具配置和運(yùn)行vue項(xiàng)目及遇到的坑
- webstorm+vue初始化項(xiàng)目的方法
- vue: WebStorm設(shè)置快速編譯運(yùn)行的方法
- webstorm和.vue中es6語(yǔ)法報(bào)錯(cuò)的解決方法
- webstorm添加*.vue文件支持
- 詳解在WebStorm中添加Vue.js單文件組件的高亮及語(yǔ)法支持