VUE项目快速构建

IDE  ：VScode

1.新建项目文件夹

　　ctrl+~   调出命令板，/IDE找到当前文件夹右键 点击‘在命令提示符中打开’

　　安装 node：官网（https://nodejs.org/en/download/ ）下载安装   node -v    查看版本

　　cnpm   用淘宝镜像安装

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

快速构建项目

vue  初始化webpack项目（选项里面有个询问是否安装 vue-router 的要选yes  其他的可以no，）

 vue init webpack 

然后 npm run dev  运行程序。根据需求更改配置文件

2.通过 npm init  自定义项目描述 package.json 文件

3. 安装 webpack

--save 将依赖的名称、版本要求添加到 dependencies （生产环境需要的依赖，例如：ui框架，js插件等）

--save-dev 将依赖的名称、版本要求添加到 devDependencies （开发环境需要的依赖，例如：webpack，css-loader/less-loader等）

cnpm i webpack webpack-cli webpack-dev-server webpack-merge --save-dev

4. 创建相应打包配置文件   及  完善开发目录

　　webpack 多环境配置

5. 安装vue

cnpm i vue --save
cnpm i vue-loader vue-router vuex vux --save-dev

6.根据需求安装相应的插件 (https://www.npmjs.com/)