前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用Webstorm快速启动Vue项目配置

使用Webstorm快速启动Vue项目配置

作者头像
王小婷
发布2019-03-04 13:47:40
4.9K0
发布2019-03-04 13:47:40
举报
文章被收录于专栏:编程微刊编程微刊编程微刊

说一说关于Webstorm的具体操作的问题,这些对于大多数的人来说是一件很简单的事情,但是对于入门小白来说却能卡一下,不要问我是怎么知道的,因为我也是从只懂电脑上shift键是用来切换中英文功能的纯小白一路走过来的。

1:打开一个新的项目,打开file

2:选择在现有的编辑器里面打开还是新开一个窗口

3:在Webstorm启动项目可以选择在终端输入命令

npm run dev

Webstorm调用终端有两种方法: Webstorm调用终端可以使用快捷键:Alt+F12,

或者在View菜单手动调用。

4:但是每次都打开命令窗口比较麻烦,可以在webstorm内进行配置,从webstorm内启动,这样更加的方便,那么怎么样在Webstorm快速启动Vue项目配置?

Webstorm快速启动Vue项目配置

1:点击右上角,添加npm配置。

2:点击加号,选择npm

3:命名并且填写运行命令。

4:可以看到控制台出现运行

5:点击绿色按钮 可以看到启动了端口

6:在弹出的默认的浏览器里面 可以看到项目

下次再打开的时候,直接点击右上角的绿色启动按钮即可。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.02.06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Webstorm快速启动Vue项目配置
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档