vue-cli4安装和打包配置

vue-cli4下载

首先打开命令行窗口(window+r,输入cmd)输入vue -V ,如果有旧版本就进行卸载

	npm uninstall -g @vue/cli
	 或
	yarn global remove @vue/cli

然后进行安装

npm install -g @vue/cli
	或
yarn global add @vue/cli

安装好了后在命令行输入

vue create demo(项目的名字)

在这里插入图片描述
选择下面的自定义模板
在这里插入图片描述
按空格进行选择
在这里插入图片描述
Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由,建议选择N,这样打包后直接丢在服务器上就可以使用了
在这里插入图片描述
选择css预编译
在这里插入图片描述
选择代码验证规则,提供一个插件化的javascript代码检测工具,ESLint + Prettier (使用较多)
在这里插入图片描述
Lint on save // 保存就检测 (个人选择)
Lint and fix on commit // fix和commit时候检查
在这里插入图片描述
配置文件存放位置
In dedicated config files // 独立文件放置
In package.json // 放package.json里
然后回车
在这里插入图片描述
OK创建完成

打包配置

命令行输入cd demo(项目名)
再输入vue ui 会打开一个网页
在这里插入图片描述
在这里安装插件,点击添加插件(例如element-ui)然后安装第一个,依赖同上
在这里插入图片描述
在这里插入图片描述
项目配置将公共地址改为./
在这里插入图片描述
任务界面也可以进行运行、打包,告别了命令行黑框框!!!
各位看官觉得满意的话记得给个攒哦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值