最近公司需求,参考了很多资料,自己搭了一个小demo。
一、安装
1.Vue CLI 3需要 nodeJs ≥ 8.9 ,查看node版本升级,升级一下
2.查看版本vue -V,安装vue-cli3,npm install -g @vue/cli
二、使用
1.vue create projectname 搭建新项目:vue create vue-cli3
选择默认default(基本的 Babel + ESLint)配置,还是 Manually手动配置,是由上下键控制
vue-cli3.0会在你创建后会有一个保存当前配置的功能,这里之前没有所以只有两个选项
我们一般选择手动
一般不要选择eslint 检验你的代码,否则你可能会遇到很多麻烦
一般采用 vue-router(路由必备),vuex(全家桶的状态管理器),sass(css扩展语言),babel(使项目可用es6)
(你的项目决定你用什么)空格多选
TypeScript
PWA
Vue-router
Vuex
CSS预处理
eslint prettier
自动化测试单元测试 、e2e
之后会问你是否把这次设置保存,我选择N
按照命令cd vue-cli3、npm run serve,就搭建成功了。
三、项目目录讲解
dist 目录为 运行 npm run build 构建后的项目
main.js 为入口文件
vue.config.js 为项目配置文件,vue.config.js是需要自己建,详细配置可以看官方文档