Vue安装和创建Vue项目

1、安装Node.js

下载地址：https://nodejs.org/en/download/

2、执行npm install --global vue-cli 命令，全局安装vue-cli

3、执行vue init webpack vue-project 命令

其中vue-project 是自己的项目名称

如下图所示，执行后，会让你确认Project name，Project description，Author，Vue build，Install vue-router，Use ESLint to lint your code?，Set up unit tests，Pick a test runner，Setup e2e tests with Nightwatch?， Should we run npm install for you after the project has been created?，直接回车就表示Yes了。

其中就Use ESLint to line your code ?选择 No，该选项为使用ESLint规范你的代码，一个空格错误都将报错，不开启，避免不必要的麻烦。

安装完后显示如下：

安装完成后，在刚才执行命令的目录下就生成了项目文件夹。

输入命令cd first-vue进入到项目目录下，运行命令npm run dev便可以打开本地服务器实时查看效果（localhost:8080）。

默认项目运行效果：