精华内容
参与话题
问答
  • 1.我的是mac电脑,目前的vue-cli版本是 2.9.6,当我升级3.x的时候,根据官网 npm uninstall -g vue-cli 卸载并且安装@vue-cli后,查看命令仍然是 2.9.6,查了半天资料,都不起作用,最后找到了一种方法,成功了。...

    1.我的是mac电脑,目前的vue-cli版本是 2.9.6,当我升级3.x的时候,根据官网 npm uninstall -g vue-cli 卸载并且安装@vue-cli后,查看命令仍然是 2.9.6,查了半天资料,都不起作用,最后找到了一种方法,成功了。特此记录一下,希望帮助遇到该问题的开发者。

     mac 命令行: sudo npm install -g @vue/cli     (意思是以管理员身份全局安装vue/cli )安装后关闭控制面板,重新启动,查看vue版本,成功升级到3.11.0

     window没有测试

    展开全文
  • vue-cli2.x升级3.x

    千次阅读 2019-02-14 15:15:08
    命令行输入npm install -g @vue/cli

    命令行输入npm install -g @vue/cli

    展开全文
  • vue cli 3 升级vue cli 4 方法步骤及升级点总结

    万次阅读 热门讨论 2019-10-26 18:45:44
    vue cli 3 升级vue cli 4 指南 vue cli 3 升级vue cli 4 方法步骤及升级点总结 vue-cli 3升级vue-cli 4 官方英文升级文档,中文滞后 一.首先,在全局安装最新的 Vue CLI: npm install -g @vue/cli # OR yarn ...

    vue cli 3 升级到 vue cli 4 方法步骤及升级点总结

    官方升级英文文档中文文档相对滞后。

    简介:vue cli 4 官方已经更新有一段时间了,现在是4.0.5 版本,看了官方文档大概有二十几点的更新,还是干货满满呀,值得升级一下,下面是升级步骤。

    一.首先,在全局安装最新的 Vue CLI:

    npm install -g @vue/cli
    # OR
    yarn global add @vue/cli
    

    检查安装的版本

    vue -V  # 输出:@vue/cli 4.x.x  说明@vue/cli 4安装成功( vue cli 3的版本会输出 3.x.x )
    

    踩坑记录

    npm install -g @vue/cli 执行成功,但是执行 vue -V 输出的还是3.5.6(我以前安装的版本),

    于是又重新执行 npm install -g @vue/cli,显示成功,执行 vue -V 输出的还是3.5.6

    一脸懵逼 ,然后重启电脑,再执行vue -V 输出 @vue/cli 4.0.5,解决 。

    二.在项目根目录下执行

    vue upgrade
    

    然后出现
    在这里插入图片描述

    提示 继续升级这些插件吗? 输入 Y 即可.

    三.等步骤二 执行完会发现主要有 2 个文件被修改

    1.文件 babel.config.js

    主要是 babel 的预设由@vue/app 改成了@vue/cli-plugin-babel/preset

    原来的

    module.exports = {
      presets: [
        '@vue/app', //  这行
        [
          '@babel/preset-env',
          {
            useBuiltIns: 'entry'
          }
        ]
      ]
    }
    

    升级后的

    module.exports = {
      presets: [
        '@vue/cli-plugin-babel/preset', //  这行
        [
          '@babel/preset-env',
          {
            useBuiltIns: 'entry'
          }
        ]
      ]
    }
    

    2.文件 package.json (package-lock.json 也会更改)

    主要是依赖升级

    原来的

    {
      "@vue/cli-plugin-babel": "^3.11.0",
      "@vue/cli-plugin-eslint": "^3.11.0",
      "@vue/cli-service": "^3.11.0"
    }
    

    升级后的

    {
      "@vue/cli-plugin-babel": "^4.0.5",
      "@vue/cli-plugin-eslint": "^4.0.5",
      "@vue/cli-service": "^4.0.5"
    }
    

    四.然后启动项目

    npm run serve
    

    然后报下面的错

    在这里插入图片描述

    1.第一个错(警告)

     WARN  A new version of sass-loader is available. Please upgrade for best experience.
    

    这行是 vue cli 4 升级了自己的依赖 sass-loader 导致的

    它把 sass-loader^7.x.x 的版本升级到了 ^8.0.0,而我项目中使用的是^7.1.0

    所以升级一下自己项目的 sass-loader 就好了

    执行下面命令即可

    npm i sass-loader@8.0.0 -D
    

    2.然后第二个错说没有安装core-js

    vue cli 4core-js^2.x.x 的版本升级到了 ^3.x.x

    于是安装一下

    npm i core-js
    

    然后重启项目还是不行,看了下官方文档和 babel 有关

    main.js 代码中

    import '@babel/polyfill'
    

    隐藏这个代码

    重启好了

    然后把 @babel/polyfill 换成 babel-polyfill 即可

    npm i babel-polyfill
    

    main.js 代码中 改为

    import 'babel-polyfill'
    

    五.vue cli 4 主要升级点总结

    1."@vue/cli-plugin-babel", "@vue/cli-plugin-eslint", "@vue/cli-service"v3 的版本升级到了 v4

    2.sass-loaderv7 的版本升级到了 v8

    3.core-jsv2 的版本升级到了 v3

    4.webpack-chainv4 的版本升级到了 v6

    5.css-loaderv1 的版本升级到了 v3

    6.url-loaderv1 的版本升级到了 v2

    7.file-loaderv3 的版本升级到了 v4

    8.copy-webpack-pluginv4 的版本升级到了 v5

    9.terser-webpack-pluginv1 的版本升级到了 v2

    10.@vue/cli-plugin-pwav3 的版本升级到了 v4

    11.新增插件 vue add vuex vue add router

    12.pug-plain已重命名为pug-plain-loader

    13.默认目录结构已更改

    src/store.js 改为 src/store/index.js

    src/router.js 改为 src/router/index.js

    14.由于兼容性原因,仍支持 router&routerHistoryMode 选项 preset.json

    但是现在建议使用它来 plugins: { '@vue/cli-plugin-router': { historyMode: true } }

    获得更好的一致性

    15.api.hasPlugin('vue-router')不再受支持,现在 api.hasPlugin('router')

    16.lintOnSave 选项的默认值(未指定时)从 true 更改为 default

    17.废弃vue-cli-service test:e2e

    18.@vue/cli-plugin-e2e-nightwatch Nightwatch.js已从0.9升级到1.x

    19.@vue/cli-plugin-unit-mocha 升级到Mocha 6

    20.@vue/cli-plugin-unit-jest jestv23 升级到v24

    21.@vue/cli-plugin-typescript 更好的ts(x)支持 ,胜过js(x)

    参考链接

    vue cli 4 官方英文升级文档

    展开全文
  • 卸载老版本 npm uninstall vue-cli -g Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+) 安装:Vue CLI 3.0 npm install -g @vue/cli 查看版本 vue --version

    卸载老版本

    npm uninstall vue-cli -g

    Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)

    安装:Vue CLI 最新版本

    npm install -g @vue/cli

    查看版本

    vue --version

    展开全文
  • Vue-cli 3.0的升级

    2019-03-22 17:35:14
    准备 首先要安装nodejs, nodejs必须是6.0以上的版本,在命令行输入 node -V 即可查看nodejs 的版本。如果没有安装nodejs,请到nodejs官网下载稳定版的nodejs(LTS版); nodejs下载完成之后检查...查看vue-cli的版...
  • vue-cli升级采坑记

    千次阅读 2018-09-03 19:21:45
    想用vue3.0创建项目,然后参考...1、卸载之前安装的vue-cli npm uninstall vue-cli -g 2、然后安装新的vue-cli npm install -g @vue/cli 或者是直接使用vue create project_name创建项目,如...
  • 原以为升级vue-cli3的路线是这样的: 创建vue-cli3项目,按原有项目的配置选好各项配置 迁移目录 src->src static->public 对比新旧 package.json,然后yarn install,完毕。 然鹅… ...
  • npm install -g @vue/cli
  • vue-cli3.0使用及配置(部分)

    万次阅读 多人点赞 2018-06-19 22:18:28
    搞了一下,竟然发现指令不能用了,看官方文档已经升级3.0,也是试的玩了一下, 大致写写怎么玩的! 1.先全局安装vue-cli3.0 检测安装: vue -V 2.创建项目(这个就跟react创建脚手架项目比较像了) ...
  • vue老项目升级vue-cli3.0问题总结

    千次阅读 2019-07-22 15:45:21
    1、删除原vue-cli并安装vue-cli3.0 2、删除新项目中src下的内容,把原项目中src目录覆盖到新项目中 3、把router从目录文件夹改为文件,src/router/index.js提高一层变成src/router.js 4、我的项目中src已经分为了...
  • vue-cli升级

    2020-03-02 12:50:42
    Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 Node 版本要求 Vue CLI 需要...
  • 关于升级vue-cli3.0踩坑记录

    千次阅读 2019-03-11 16:56:24
    最近在看@vue/cli 3.x 版本,升级vue-cli3.0最新版本的时候遇到很多坑,绕了很多弯。查了很多资料,最终解决。记录一下遇到的问题,以防以后再次发生。 1.升级@vue/cli 3.x 需要安装node.js最新版本。卸载重新安装...
  • 因为最近打算写一个基于vue-cli3.0的项目,所以就把一直没升级过的vue-cli打算更新一下,本来挺小的事情,结果在途中遇到各种问题,刚刚终于解决掉了,于是打算写一个错误归纳,以便日后遇到这样的问题能够迅速解决...
  • 升级已有项目到vue-cli 3.0版本

    千次阅读 2019-02-25 15:52:46
    其实,最简单的方法,就是使用vue-cli 3.0,创建一个新的项目,然后将原有的项目的源码拷到新的项目中即可。 使用vue-cli创建新的项目 删除新项目中src下的内容 将原有项目src中的源码拷贝到新项目的src中 将...
  • vue】使用vue-cli4.0快速搭建一个项目

    万次阅读 多人点赞 2019-10-25 10:38:43
    前言 最近公司的项目终于到了空闲期,而闲不住的我终于把目标放到了项目的迁移上面 因为公司的项目比较早的原因(虽然...所以所有项目开发的时候一直在用的 vue-cli2.0,后来项目多了也没时间就没往 vue-cli3.0 迁...
  • 如何搭建vue3.0项目 vue3.0的优点是更快更小,它重新审视了 vdom,更改了自身对于 vdom的对比算法。vdom从之前的每次更新,都进行一次完整遍历对比,改为了切分区块树,来进行动态内容更新。也就是只更新 vdom的绑定...
  • vue-cli3.0升级失败,vue-cli卸载不掉 链接: https://juejin.im/post/6844903720954626056.
  • Vue CLI介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/...
  • 所以我把公司的项目往 vue-cli4.0 进行了迁移(我原本真的只想迁移到 3.0) 可以参考vue-cli4.0快速搭建一个项目 迁移的过程可以说还算顺利,也没遇到什么麻烦,就是一些插件版本的升级问题 最近,有人私信问到了...
  • 今天用vue 3.0搭建了个小的项目就是这做几个邀请页面 但是一路来坑就不断 首先是vue-cli版本问题 坑后来又是路由调整问题 然后打包完项目放在生产环境上发现访问不了的F12检查后发现js css 访问不到路径问题 和空白...
  • 1、vue-cli3.0升级失败,vue-cli卸载不掉,卸载了好几遍一直卸载不掉,气的扣脚, 扣着扣着就冷静了,查查文档,尝试了好多方法之后找到了问题; 原因是:可能和我电脑加固态我把node移动的原因,node的配置也有关...
  • vue-cli 2 项目升级 webpack4

    千次阅读 2018-11-22 23:31:12
    由于 vue-cli 2 构建的项目是基于 webpack3,所以只能自己动手改动,至于升级 webpack4之后提升的编译速度以及各种插件自己去体验。 修改配置 替换插件 extract-text-webpack-plugin,使用 webpack4 推荐使用的...
  • 官方推出的版本从3.0开始也做了较大的变动,这里简单做个升级教程。 - 卸载旧版本 卸载命令:npm uninstall -g vue-cli 这里有坑,如果明明卸载了却仍出现报错类似提示没有卸载干净,可能是当时安装旧版本时你还使用...
  • vue-cli3相对vue-cli有很多重要的更新。 首先说一些vue-cli这些工具的初衷吧: 这些工具就是为了让开发者能够开箱即用快速地进行应用开发而开发的,它们秉承的是“约定大于配置”思想,简单说就是"能不配置的就不...
  • 这篇文章主要讲述我们如何利用现有的Vue脚手架去搭建并升级Elemen的组件库,适合利用Vue改造和升级自己的组件库的小伙伴. 话不多说,我们开始吧~ 一. 环境配置 话说磨刀不费砍材功,在做所有的事情之前,我们都要准备好...
  • 项目是基于Vue-cli webpack构建的项目,所以使用的webpack是3版本,vue-loader是13版本,所以有些配置需要修改。 1.先把package.json装过的依赖贴出来 { "name": "app", "version": "1.0.0", "description": "A ...
  • Vue-cli项目升级到webpack4.0

    千次阅读 2019-03-19 20:40:12
    npm install webpack@latest webpack-cli -D 升级成功后,我们会发现,package.json文件中的webpack版本以及变成4.0以上。接下来将我们使用的插件和·loader·全部升级到最新的版本。 执行的命令是: npm install ...
  • 备忘一下linux下将vue-cli2升级vue-cli3的的过程 1.查看vue-cli的版本命令 vue -V 2.卸载vue-cli2 npm uninstall vue-cli -g 3.安装vue-cli3 npm install -g @vue/cli 我在linux系统下安装失败,报错没有权限。...
  • 安装新的vue3.0 将npm的仓库地址改为淘宝镜像:npm config set registry https://registry.npm.taobao.org --global 然后执行:cnpm install -g @vue/cli” 。注意是cnpm了,不是npm。 npm install出现"Unexpected ...
  • Vue CLIVue 应用的标准化构建工具(链),核心是提供基于 webpack 4 构建的预配置构建设置,目标是最大限度地减少开发者必须经历的配置过程。因此,Vue CLI 3 对具备以下特点的项目都支持开箱即用: 预配置的 ...

空空如也

1 2 3 4 5 ... 20
收藏数 6,626
精华内容 2,650
关键字:

vue-cli升级

vue 订阅