vue基础

1.作用

快速创建一个基于webpack模板的项目

安装we新建文件夹Vue，进入文件夹，输入 vue init webpack vue-cli-test，其中vue-cli-test为新项目文件名vue-cli-test为新项目文件名bpack：使用npm全局安装webpack，打开命令行，输入 npm install webpack -g , 安装完成后即可以查看当前的版本，出现版本号说明安装成功。
全局安装 vue-cli ，在命令行中输入 npm insatall --glibal vue-cli , 安装王城之后，输入 vue -v查看当前的版本号。

1.新建文件夹Vue，进入文件夹，输入 vue init webpack vue-cli-test，其中vue-cli-test为新项目文件名。

Project name (baoge)： -----项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name * can no longer contain capital letters），阮一峰老师博客为什么文件名要小写，可以参考一下。
Project description (A Vue.js project)： ----项目描述，也可直接点击回车，使用默认名字
Author ()： ----作者，输入mapengfei 接下来会让用户选择：
Runtime + Compiler: recommended for most users 运行加编译，既然已经说了推荐，就选它了
Runtime-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) 是否安装vue-router，这是官方的路由，大多数情况下都使用，这里就输入“y”后回车即可。
Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，一般项目中都会使用。接下来也是选择题Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设，编写vue项目时的代码风格，直接y回车
Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试，选择安装y回车
Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试，选择安装y回车

在 package.json中可以看到开发和生产环境的配置文件入口

可以看到dev中的设置，build/webpack.dev.conf.js，该文件是开发环境中webpack的配置入口。
在webpack.dev.conf.js中出现webpack.base.conf.js，这个文件是开发环境和生产环境，甚至测试环境，这些环境的公共webpack配置。可以说，这个文件相当重要。
还有config/index.js 、build/utils.js 、build/build.js等，具体请看这篇介绍：segmentfault.com/a/119000000…