vue安装及升级

摘要:
首先安装注释js安装过程非常简单。只需单击“下一步”。执行npminstall gwebpack后,重新启动IntellijIDEA

先装好note.js

安装过程很简单,一直点下一步就ok了。
1.1我们通过打开命令行工具(win+R),输入node -v查看node的版本,若出现相应的版本号说明你安装成功了

vue安装及升级第1张

 1.2.npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息

vue安装及升级第2张

现在node环境已经安装完成了,npm包管理器也有了,听说由于有些npm资源被屏蔽或者是国外资源的原因,经常会导致npm安装依赖包的时候失败,所以我们还需要npm的国内镜像----cnpm(淘宝的镜像)
2.安装cnpm
在命令行中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org ,然后等待,没报错表示安装成功,(我的已经安装过了,显示更新成功的信息),如下图:
vue安装及升级第3张

完成之后,我们就可以用cnpm代替npm来安装依赖包了。

3.安装vue-cli脚手架构建工具
在命令行运行命令npm install -g vue-cli 然后等待安装完成。如下图:

vue安装及升级第4张

升级

在 使用npm install -g @vue/cli 命令安装Vue的脚手架之后,运行Vue  -V 发现Vue的版本竟然是2.9.6,

然后各种卸载重装一直都没有用,从网上找了各种方法,分别为以下几种:

        1.卸载重新安装
        (Vue升级到3版本之后   将npm install -g vue-cli 命令改为了npm install -g @vue/cli,

        可是我本来运行的就是这个,很冤~~~ 这个已经没用了~~~~~)

        2.环境配置问题,
        (其实我安装nodeJS的时候就以及做了这一系列操作,所以现在就不用尝试了)

我就开始了自己摸索~~
之前是卸载了Vue的脚手架,但是没有试过全局卸载,(可能问题就出在这了呢,毕竟当初是全局安装的,尝试一下),全局卸载之前安装过的Vue脚手架

因为我使用了两种方式安装Vue的脚手架,分别是   npm install -g vue-cli   和   npm install -g @vue/cli    所以此时我把这两种都卸载了,

npm uninstall -g vue-cli

   npm uninstall -g @vue/cli 

 vue安装及升级第5张

Intellij IDEA中'vue' 不是内部或外部命令,也不是可运行的程序或批处理文件。

【现象】

vue安装及升级第6张

【解决方法】

执行npm install -g webpack后,重启Intellij IDEA

免责声明:文章转载自《vue安装及升级》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇oc之字典创建 复制 获取key value值PHP设计模式之注册模式下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue——超出宽度宽度点点显示

1.css 1)宽度固定 .vue-ellipsis{   overflow: hidden;    //超出隐藏 white-space: nowrap;  //不换行 text-overflow:ellipsis;//点点显示 } 2.substring截取字符串长度  如果遇到这种需要显示new,又不能换行的情况建...

vue | 基于vue的城市选择器和搜索城市对应的小区

城市选择器应该是比较常用的一个组件,用户可以去选择自己的城市,选择城市后返回,又根据自己选择的城市搜索小区。 功能展示  这是选择结果 这是选择城市 这是搜索小区 这是搜索小区接口,key为城市名字,id是城市的id 假如切换城市 搜索接口也会相应变化,id=0997 就是指定的搜索城市id 技术栈  vue2.0+vue-router+we...

【Vue后台管理三】集成echarts图表

集成echarts图标 路一步步走,代码得一个个敲,今天自己来集成了echarts图标,为什么要集成echarts了? 图表表示数据,应该是最清晰直白了,所以很多管理页面的首页都集成了。 首先看看效果 下面应该还有一个关于每月销量收入的图表,明天在加上。 站在巨人的肩膀上 我个人没真实做过后台管理项目,所以了这些后台的样子,是参考我公司后台管理样式和一些...

vue创建全局组件

创建组件使用Vue.component()方法,它是创建的全局组件 参数1表示组件名字 参数2表示组件配置项 <div id="app"> <!-- 2. 使用组件,像html标签一样 --> <index></index> <index-b><...

vue如何触发某个元素的单击事件?

<a class="link" @click.native="test">1111</a> <a class="link" @click.native="test">2222</a> <a class="link" @click.native="test">333</a> <b...

vue前端工程化

今日目标 1.能够了解模块化的相关规范 2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为:Require.js2).CMD(Common Module D...