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