搭建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及以上版本支持)  这个时候你会进入到以下界面