---

文档:

载地址：node.js中文官网 http://nodejs.cn/download/
工具visual studio code: https://code.visualstudio.com/
创建vue-cli3脚手架：https://blog.csdn.net/weixin_42756155/article/details/81144622
创建vue-cli3脚手架： https://blog.csdn.net/zzsan/article/details/82667609

---

安装

• 全局安装 vue-cli ，在命令行工具中输入命令行：
  npm install vue-cli -g （vue-lcli2)
  npm install -g @vue/cli (vue-cli3）
• 全局安装webpack，在命令行工具中输入命令行：
  npm install webpack -g (vue2需要安装这个）
• 安装cnpm(cnpm是淘宝的镜像，也可以使用npm, node.js自带npm）
• $ npm install -g cnpm --registry=https://registry.npm.taobao.org

创建项目

vue-cli 创建项目

是vue-cli3.x以下的创建webpack的方式

 $ vue init webpack 项目名

webpack 创建项目

是vue-cli3.x的初始化方式，模板是固定的，模板选项可自由配置

$ vue create 项目名

---

使用webpack创建项目vue项目和vue-cli3创建项目的区别

参考网址: https://segmentfault.com/q/1010000021001582/a-1020000021003794

vue-cli 内部封装了 webpack,对外仅仅提供几个依赖。而且做了很多适合 vue 项目的优化，同时你可以用 vue.config.js 来管理项目。package.json 非常清爽
webpack 更符合针有特定需求，毕竟是原生。不过管理起来也更加复杂。不过社区有升级，可以第一时间获取升级优势。前一种只能等待 vue-cli 项目升级
一般来说，vue-cli 够用了，但是 vue-cli 能实现的，webpack 一定能实现，反之，不一定

---

vue-cli3后台管理基础代码

代码地址：
https://gitee.com/klzshow/vuecode