使用webstorm创建一个vue项目

1. 使用npm安装vue-cli。图中红线处显示了vue-cli安装位置，这个一会儿在webstorm中需要用到。

npm install -g vue-cli

image.png

2. 使用webstorm创建项目。左边栏选Vue.js，右边栏选择相应的选项。

image.png

3. 运行vue项目

点击菜单栏View | Tool Windows | npm在弹出的窗口双击start启动dev server

image

终端会显示执行进程，在执行完毕后会显示如图的链接，在浏览器中访问此链接（直接点击该链接会直接使用浏览器打开）

image.png