vue-cli3多环境多入口,分别打包

最近公司需求,参考了很多资料,自己搭了一个小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是需要自己建,详细配置可以看官方文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值