【vue入门】vue安装方式

JavaScript010

【vue入门】vue安装方式,第1张

安装vue的方式有很多种:

        vue官网地址:    https://v3.cn.vuejs.org/

    后续通过webpack和cli的使用,可以使用这种方式

在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是64 。

Idea添加Vue插件方法,

点击file_>settings_>Plugins然后搜索Vue

点击安装!

我的安装成功,

创建项目

file_>new_>Project_>Static Web_>Vue.js

选择好文件夹点击next然后就一直出不来,特别慢,然后没有等,网上说是版本问题,说换个版本。

于是使用https://plugins.jetbrains.com/plugin/9442-vue-js/versions

去下载版本,起初随便找了个版本,下载下来安装,结果报错!报错内容原因为版本和idea版本不匹配!

重新下载,那我想也不能还是大海捞针一样继续乱找,然后看了下刚才的下载页,第一行也就算是表头吧,人家第一列是vue的版本,第二列是匹配的idea版本,哈哈哈,这下就简单了,直接找到自己对应的版本的idea,下载相应的vue版本即可!

例如我的是2019.3.3然后下载的其中之一,

记得好像是vue193.6494.5,上面的方法下载完成,安装成功!

file_>settings_>plugins_>点击右上方的设置按钮_>Install Plugin from Disk选择下载的安装包。安装成功!

创建项目这次点击next,比较快的就过去了。

照你图中的错误提示来看:

cnpm 显然没有安装成功,命令不可用。其实npm的资源没有想象中被墙的那么严重,那么慢,没必要使用cnpm。

 权限不够,【开始】菜单栏 找到node.js command prompt 找到所在文件夹,右键----->属性——>兼容性---->以管理员身份运行----->确定。

另外可能的原因就是:没有把node.js添加到系统环境变量,导致node.js不能全局使用,把node.js的启动路径添加到系统环境变量即可。

你这里最主要的原因就是权限不够,另外开始下载的时候,win10 的防火墙会提示node.js 的联网,记得允许。