WebStorm快速创建vue项目，无需指令

一、前提准备

WebStorm2018、node.js、webpack、vue-cli，这些都需要安装好，网上有很多安装教程，这里就不赘述了。

安装参考教程：https://blog.csdn.net/nero__a/article/details/62228646

二、WebStorm创建vue项目

1.打开项目点击file->new->project

创建项目

2、创建选项中选择vue.js，并选择项目存放路径，其他默认即可，然后点击next，之后都是一些项目信息，按照实际需要填写。

选择创建vue.js

3.填写vue项目名，点击next。

填写vue项目名

4、填写项目描述，点击next。

5、填写作者，点击next，后边都是一些vue项目初始化信息。

6、选择vue构建方式，按默认的选项点next即可。

7、其他的选择安装vue-router，选择安装vue测试单元等操作，可以根据实际情况选择一般默认即可，这里直接跳过到最后一步，选择创建项目后通过什么方式运行，直接选择第一个use npm即可，单击next就可以自动安装项目的各种依赖，直接运行了。

三、配置使用webstorm启动

1.打开 Edit Configurations

2.点击+，选择npm

3.运行

4.点击链接打开页面

如果浏览器打开之后，没有加载出页面，有可能是本地的 8080 端口被占用，需要修改一下配置文件 config>index.js