使用webstorm新建一个vue工程

---

前言：使用webstrom新建工程极力推荐使用命令行的方式，因为这样可以选择一些相关的配置。

一、如何使用命令行新建vue工程

1.打开webstorm，点击文件 》 新建项目 》选择空项目 》创建 即可。

2.点击左下角的终端，输入vue create vuedemo 其中的demo就是你的项目的名称。其中的相关配置如下图所示。其中选择某一个是使用空格选择，确定的回车键。

3.点击回车以后即可等待生成vue工程

二、运行vue工程

1.完成以后输入 cd demo（demo是你vue create demo 时的文件名）
2.输入 npm run serve 即可运行成功。
3.点击运行成功后显示出来的本地网址 http://localhost:xxxxx即可用浏览器打开。
效果如下：