VUE vue-cli2.9.6升级@vue/cli3.10 的操作笔记

1，首先npm uninstall -g vue-cli全局卸载vue-cli2，然后npm install -g @vue/cli全局安装@vue/cli3，工具：report分析报告页面给打包到了dist中需执行 vue-cli-service build --report或者在 package.json scripts对象中配置 "buildr...

dujun_csdn

2657人浏览 · 2019-10-09 10:55:56

dujun_csdn · 2019-10-09 10:55:56 发布

1，首先 npm uninstall -g vue-cli 全局卸载vue-cli
2，然后 npm install -g @vue/cli 全局安装@vue/cli

3，工具：report 分析报告页面给打包到了dist中
需执行 vue-cli-service build --report
或者在 package.json scripts对象中配置 "buildreport": "vue-cli-service build --report",

report报告

4, 工具：GUI通过 vue ui命令使用 GUI 运行更多的特性

GUI

5，通过gui创建项目xms

image.png

6, vue项目搭配chrome浏览器vue.js devtools插件更好

再次了解

1，使用npx 同npm
2, cd myproject npx vue-cli-service server 执行项目服务

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^