使用Vue脚手架搭建项目

1、新建一个文件夹：project。用于储存项目。

2、打开该文件夹（现在里面是空的），在里面使用Shift+鼠标右键，选择：在此处打开命令窗口（W）。

3、输入命令行：npm install vue-cli -g(下载全局vue-cli)

4、等到下载完成后，输入命令行：vue init webpack myproject （myproject是项目名，可以自己定）。

此命令输入后，回车。他会提问一些问题：
①、Project name (myproject)； （回车）
②、 Project description (A Vue.js project)；（回车）
③、Author (sunsanfeng)；作者（sunsanfeng）。（回车）
④、Vue build (Use arrow keys)> Runtime + Compiler: recommended for most usersRuntime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere；（回车）
⑤、Install vue-router? (Y/n)；（Y）
⑥、Use ESLint to lint your code? (Y/n)；（N）
⑦、Setup unit tests with Karma + Mocha? (Y/n)；（N）
⑧、Setup e2e tests with Nightwatch? (Y/n)；（N）
⑨、should we run ‘npm install’ for you after the ogject has been created? ;（回车）

5、创建好之后输入命令：cd myproject 进入到项目文件中

6、输入命令： npm install 初始化安装依赖

7、输入命令： npm run dev 执行

在命令窗口中出现：

即代表脚手架搭建成功。
选中http://localhost:8080,鼠标右键复制，在浏览器打开。看到欢迎页面。

将vue项目在webstorm中运行。
打开webstrom——>open——>选择项目——>新窗口打开。
找到package.json右键show npm scripts 双击dev加载

附：在脚手架搭建好之后，打开http://localhost:8080页面时，在地址栏后面会出现“#”，去除的方法是：
在index.js中的routes:[…]的前面加入：mode:'history',。