WebStorm2019.3以后版本搭建vue项目详细步骤

已省略安装node、webpack、vuecli等的步骤。

新建vue project

如下图在WebStorm中新建一个vue项目，注意取消use the default projects setup的勾选。

新建完成后会在控制台中报错，如图（图示为网图）。且此时项目目录为空。

在终端执行vue init webpack

在终端执行 vue init webpack 指令，期间需要确认一些选项。完成后项目目录生成。

终端执行npm install

如果没有呼吸墙外的空气，这一步速度较慢，可能会卡住，可以先执行
npm config set registry https://registry.npm.taobao.org
更换为淘宝源再执行npm install。

检测结果：npm run dev

完成以上步骤vue项目已经搭建完成。执行npm run dev可以进行查看，如图。