WebStorm2019.3.1版本创建VUE项目

前言

上一篇博客有提到直接在命令行使用命令可以创建vue项目。但最近使用webstorm2019版本创建vue项目发现界面有些不同,没有webpack模板选项,创建出来的项目为空项目。于是发布论坛,请求网友帮助才得以解决。
参考博客: https://blog.csdn.net/weixin_44010187/article/details/103895353

WebStorm2019创建vue项目

1. 创建vue项目

在这里插入图片描述
按照上面步骤创建好项目之后,项目为空且控制台报错。
在这里插入图片描述

2. 在项目终端执行创建vue-cli工程项目的命令: vue init webpack

在这里插入图片描述
确认项目后,还需输入项目名称、项目描述、作者等等,执行完成后会出现如下项目目录:
在这里插入图片描述

3. 安装依赖:cnpm install

生成文件目录后,窗口右下角有提示执行npm install命令来安装依赖,但经过测试发现npm忒别得慢,因此最好使用cnpm安装依赖:cnpm install。
在这里插入图片描述
出现如上图所示即表示依赖安装成功。

4. 启动项目:npm run dev

在这里插入图片描述
启动完成后出现访问url,直接在浏览器中打开就可以啦~ 撒花撒花~~
在这里插入图片描述
如果创建过程中还出现问题,可参照上一篇博客:https://blog.csdn.net/qq_42443497/article/details/103757327,查看创建vue项目前的准备工作是否充分。

发布了5 篇原创文章 · 获赞 0 · 访问量 77
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览