Vue环境

升级 vue-cli

  1. npm uninstall -g @vue/cli
  2. npm install -g @vue/cli@4.4.6 --registry=https://registry.npm.taobao.org

常用命令

npm install --registry=https://registry.npm.taobao.org
npm install git+https://github.com/727379048/element.git#dev --registry=https://registry.npm.taobao.org
# 设置淘宝源
npm config get registry
npm config set registry https://registry.npm.taobao.org
npm config get registry

常用依赖

package常见依赖
依赖描述
1

fs-extra

文件操作相关工具库
2

compression-webpack-plugin

gzip压缩
3

script-ext-html-webpack-plugin

为 script 设置不同的部署选项进行编译
4terser-webpack-plugin处理 js 的压缩和混淆
5

vue2-ace-editor

代码编辑器
6

webpack-bundle-analyzer

打包分析优化

常见问题

....

问: You are using the runtime-only build of Vue where the template compiler is not available

答: vue.config.js文件加上webpack的配置

    resolve: {
      alias: {
        'vue$': 'vue/dist/vue.esm.js' 
      }
    }

常见方案

1不使用 babel-plugin-component 实现按需引用element-ui - 掘金在实际开发中遇到这样的场景。项目基于 vuejs + element-ui,一个页面为移动端入口,一个页面为后台管理页面。两个入口会有公用的组件,这些公用组件都会用到 element-ui。 显然如果直接将 element-ui 全部引入将会导致项目体积过大,移动端体验尤其糟糕…https://juejin.cn/post/6844903682258141191
2同一台电脑 实现 vue-cli2和vue-cli3同时并存_Jioho_的博客-CSDN博客_同时安装vue2和vue3win下 vue-cli2 和 vue-cli3 并存,一起使用开局一张图,内容慢慢编!文章目录win下 vue-cli2 和 vue-cli3 并存,一起使用安装vue-cli版本检验安装是否成功修改vue2和vue3的名称配置环境变量打开环境变量所在位置新建系统变量最后修改Path变量最后。重启电脑就行了vue2和vue3命令,分别代表了vue-cli2 和 vue-cli3的运行环...https://blog.csdn.net/Jioho_chen/article/details/90455778用另一个版本创建项目: vue3 create y-vue3
3

新建项目   vue init webpack 项目名称

...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值