vue项目搭建流程

一、node.js安装配置

1.下载地址

• nodejs.cn/download/

• cmd中输入：node -v查看是否安装，及版本号

2.环境变量

（1）查看是否配置node为环境变量

cmd中输入：path

（2）windows配置环境变量

• 右键【我的电脑】——【属性】——【高级系统设置】——【环境变量】——【系统变量】——【Path】

3.安装淘宝镜像cnpm

npm i -g cnpm --registry=https://registry.npm.taobao.org

4.自动重启工具

cnpm install -g nodemon

二、安装webpack

npm install webpack -save -dev

三、Vue脚手架搭建

1.安装vue-cli

npm install -g vue-cli

2.使用webpack搭建新项目

vue init webpack 项目名

3.进入项目文件夹

cd 项目名

4.安装依赖项

npm install

• 安装后报错

npm WARN ajv-keywords@2.1.1 requires a peer of ajv@^5.0.0 but none is installed.
 You must install peer dependencies yourself.

• 依赖项ajv没有安装需要手动安装

npm install ajv

5.安装路由模块（vue-router）和网络请求模块（vue-resource）

cnpm install vue-router vue-resource --save

6.启动项目

npm run dev

7.配置文件

• config/index.js 一些基本属性的配置(我们可以根据自己的需要来更改这些配置)

• build/utils.js 主要用于生成css loader和style loader的一些方法

• build/vue-loader.conf.js vue-loader的一些基本配置

• build/weback.base.conf.js dev和prod环境下的公共配置

• build/weboack.dev.conf.js dev环境的配置

• build/webpack.prod.conf.jsprod环境的基本配置

• build/check-versions.js检查npm和node的版本

• build/build.js build项目

• 配置文件代码解读|参考资料：segmentfault.com/a/119000001…