当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue-cli4安装和打包配置

vue-cli4安装和打包配置

2020年07月24日  | 移动技术网IT编程  | 我要评论

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）然后安装第一个，依赖同上
在这里插入图片描述
在这里插入图片描述
项目配置将公共地址改为./
在这里插入图片描述
任务界面也可以进行运行、打包，告别了命令行黑框框！！！
各位看官觉得满意的话记得给个攒哦！

本文地址：https://blog.csdn.net/zd_88888/article/details/107538831

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网