vue cli2安装

1. 安装nodejs

npm install -g npm   npm自动更新到最新版本
node -v或者npm -v   查看nodejs是否安装成功

• 1
• 2

2. 配置淘宝镜像

npm config set registry https://registry.npm.taobao.org   配置淘宝镜像
npm config get registry   查看镜像地址是否设置成功

• 1
• 2

3. 安装脚手架

vue -V    查看是否存在vue版本
npm uninstall vue-cli -g   如是有的话，就用命令卸载
npm -g install vue-cli@2.9.6   安装脚手架

• 1
• 2
• 3
• 4

node模块文件夹，通过npm安装的模块会存放在这里
src：项目开发文件夹，我们写的代码基本都放在这里
static：静态资源文件夹
.babelrc：babel配置文件
.editorconfig：编辑器配置文件
.gitignore：git忽略文件配置文件，相关文件将不会被放入到git仓库中
.postcssrc.js：postcss配置文件，用于启用相关的postcss插件
index.html：HtmlWebpackPlugin使用的html模板文件，用于自动生成相应的html模板
package.json：项目npm配置文件，主要记录项目基本信息、引用的npm模块信息、script命令列表等
README.md：项目说明MarkDown文件

注意：项目中的静态资源文件有两个地方可以存放，分别是static文件夹和src/assets文件夹，这两个文件夹下的资源在处理上是不同的。具体表现为：

1. assets 目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式如，background: url(./logo.png)中，"./logo.png" 是相对的资源路径，将由Webpack解析为模块依赖；
2. static 目录下的文件并不会被Webpack处理，它们会直接被复制到最终的打包目录（默认是dist/static）下。必须使用绝对路径引用这些文件，这是通过在 config.js 文件中的 build.assetsPublicPath 和 build.assetsSubDirectory 配置来确定的。