栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

使用WebStorm做Vue.js开发

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用WebStorm做Vue.js开发

最近Team用Sublime Text做Vue.js项目,Sublime Text用的不习惯。因为IntelliJ IDEA和Android Studio用的很顺手,自然想到JETBRAINS的WebStorm。

WebStorm默认支持AngularJS React,Vue.js需要安装插件

一个是vue-for-idea,还有一个是vue.js,选一个安装就可以了

但依然没有Vue.js的New Project的向导,莫非要自己建个空项目慢慢搭建,幸好可以用vue-cli快速搭建Vue.js工程

$ npm install -g vue-cli

$ vue init webpack my-project

如果 遇到 ”vue:未找到命令“的错误提示,一定是你的Node.js环境变量没配置好,配置NODE,把$NODE/bin配置到PTAH里。

用WebStorm Open vue-cli创建my-project目录,就可以Coding了。

很多教程到这就结束了,但我要调试怎么办?难道还是需要打开一个终端?研究了WebStorm的Run/Debug,解决方案很简单,

就是Run->Edit Configurations... Add New Configuration,新建一个npm的Run/Debug

大功告成,可以顺手的编码了。



作者:苏打柠檬水
链接:https://www.jianshu.com/p/0f40d627a39b


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/240422.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号