全局安装 Vue cli3 和 继续使用 Vue-cli2.x

官方链接:https://cli.vuejs.org/zh/guide/installation.html

1.安装Vue cli3 
关于旧版本

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 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本。

可以使用下列任一命令安装这个新的包:

npm install -g @vue/cli
# OR
yarn global add @vue/cli
安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。

你还可以用这个命令来检查其版本是否正确 (3.x):

vue --version
2.安装完Vue cli3 之后,还想用vue-cli2.x 版本
Vue CLI 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:

npm install -g @vue/cli-init
//安装完后 就还可以使用 vue init 命令
vue init webpack my_project

原文地址:https://www.cnblogs.com/sexintercourse/p/11565071.html

时间: 2024-08-29 19:41:37

全局安装 Vue cli3 和 继续使用 Vue-cli2.x的相关文章

全局安装npm i -g @vue/cli的时候一直出现File exists: /usr/local/bin/vue

最近用vue cli3.0全局安装的时候,一直报错 如下图: 其实他的下面一句已经提示我们了(Remove the existing file and try again, or run npm),删除现有的文件并且重试 直接前往/usr/local/bin/vue 找到这个vue文件然后删除,在重新全局安装,就可以了 原文地址:https://www.cnblogs.com/yhhBKY/p/12187433.html

全局安装 vue

通过npm命令安装vuejs在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 Webpack 或Browserify 的 CommonJS 模块打包器配合使用.(以下操作全在命令行中) # 最新稳定版本 $ npm install -g vue 全局安装 # 最新稳定 CSP 兼容版本 $ npm install [email protected] 快速搭建大型单页应用 # 全局安装 vue-cli $ npm install -g vue-cli # 创建一个基

全局安装vue-cli后为什么输入vue命令行无法运行

全局安装vue-cli后为什么输入vue命令行无法运行 使用 cnpm install -g vue-cli 就行了... 很大可能是 前面安装了淘宝npm镜像 影响到了 原文地址:https://www.cnblogs.com/YHJUN/p/8186204.html

Vue CLI3 开启gzip压缩

gizp压缩是一种http请求优化方式,通过减少文件体积来提高加载速度.html.js.css文件甚至json数据都可以用它压缩,可以减小60%以上的体积. webpack在打包时可以借助 compression webpack plugin 实现gzip压缩,首先需要安装该插件: npm i -D compression-webpack-plugin 在vue cli3.0 生成的项目里,可在 vue.config.js 中按照如下方式进行配置:  压缩前后大小大致如下: 生成的压缩文件以.g

vue/cli3 配置vux

安装各插件 试过 安装"必须安装"的部分亦可 1.安装vuex npm install vuex --save-dev 2.在项目里面安装vux[必须安装] npm install vux --save 3.安装vux-loader[必须安装] npm install vux-loader --save-dev 4.安装less-loader(这个是用以正确编译less源码,否则会出现 ' Cannot GET / ')[必须安装] npm install less less-load

VUE CLI3.X 创建项目

Node.js环境搭建 Node.js基于V8引擎,可以让js代码脱离浏览器运行 Vue CLI3.0 需要Node.js 8.9或者更高版本. 用nvm或者nvm-windows在同一台电脑中管理多个Node版本 nvm github地址:https://github.com/nvm-sh/nvm Vue CLI 3.0环境搭建 卸载老版本vue-cli:npm uninstall vue-cli -g 安装新版本:npm install -g @vue/cli 原型开发:npm instal

vue cli3 和 vue cli4

最近安装了vue cli4, 和vue cli3做下对比.我自己手动选择的配置, 安装了Router,Vuex 我安装的版本是@vue/cli 4.2.3 一.项目结构 左边为vue cli3, 右边为vue cli4 默认目录结构已更改 src/store.js 改为 src/store/index.js src/router.js 改为 src/router/index.js 二.babel.config.js文件 主要是 babel 的预设由@vue/app 改成了@vue/cli-plu

Vue CLI3 关闭热替换后出现的warning

用vue cli3做项目的时候如果开启了typescript的严格模式,在dev server热替换的时候往往就会打出一大堆warning,严重的影响了编译效率.官方并没有提供关闭warning的api,但是提供了修改webpack配置项的接口.通过这个接口我们就可以实现关闭warning. 根据文档webpack 相关 | Vue CLI 3 导出项目的配置为output.js,搜索check单词可发现一个插件:fork-ts-checker(github:Realytics/fork-ts-

vue cli3.0用axios调用本地json数据一直报404

最近在基于vue做后台管理系统时,用了vue cli3.0用axios调用本地json数据一直报404,市面上所有的解决办法都没用,快崩溃了,结果最后发现原因是,vue cli3.0 public 文件夹才是静态资源文件,问题解决,记录一下,以后不再踩坑. 最近发现好多人都踩这个坑,索性把我的结构发出来. 参考地址:https://www.love85g.com/?p=1500 原文地址:https://www.cnblogs.com/dapengFly/p/11359456.html