搭建Vue 你要先知道这几个东西的用处

npm 可用于下载更新包

vue-cli   脚手架 快速生成Vue项目结构

vue-ui 可视化构建

node.js 环境

webpack 打包工具 用于打包vue项目

nginx  发布时候做跨域处理，负载均衡，

 

Vue 常用的依赖库：

router -vue  路由，用于路由跳转

Vuex  vue  状态管理 比如登录时候的会话，组件之间的参数 都用这里

element-ui PC端UI  饿了么团队提供

vant 移动端UI    有赞提供

Vue-template-compiler   按需导入组件需要的库

axios 类似ajax的作用 是对 ajax的promiss版本封装，通过这个可以自行配置封装请求相关的

less   less-loader  less语法 依赖包

moment  时间处理库 各种转化

qs 文本处理库 封装axios 处理的时候可以用

babel-polyfill   ES6语法转Es5    例如兼容IE的时候 有些ES6 语法不能使用这个时候就需要这个

Vue-monoplasty-slide-verify   滑动验证码

}

1. vue-cli 1.x和2.x

安装：npm install vue-cli -g

卸载：npm uninstall vue-cli -g

2.vue-cli3.以后

安装：npm install -g @vue/cli

卸载：npm uninstall -g @vue/cli

搭建总体流程

安装node.js   安装完成后

找到你要搭建项目的文件夹cmd 回车打开命令

输入 npm install

成功后在输入 npm install -g vue-cli  安装vue脚手架

这个时候可以查看 是否安装成功

vue -V （大写） 查看版本 版本要在3.0以上

在输入 vue ui （3.0及以上版本支持）  这个时候你会进入到以下界面