WebStorm2019.3.1版本创建VUE项目
文章目录前言WebStorm2019创建vue项目1. 创建vue项目。2. 在项目终端执行创建vue-cli工程项目的命令: vue init webpack3. 安装依赖:cnpm install。4. 启动项目:npm run dev。前言上一篇博客有提到直接在命令行使用命令可以创建vue项目。但最近使用webstorm2019版本创建vue项目发现界面有些不同,没有webpack模板选..
·
文章目录
前言
上一篇博客有提到直接在命令行使用命令可以创建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项目前的准备工作是否充分。
更多推荐
已为社区贡献1条内容
所有评论(0)