1.安装nodejs。进入官网,点击windos 版本对应的nodejs ,下载,然后双击应用程序。 无脑下一步到最后。如果安装失败,请查看你下载的版本是不是64位or32位,总之要和你的操作系统的位数一样。然后node -v ,npm -v 下面这样就成功了。如果安装失败,卸载了下载对的版本继续无脑下一步。这个软件坑小,容易出来。
2.打开vue/cli4 找到安装命令
npm install -g @vue/cli
,然后打开cmd 复制粘贴,然后就报错了,what?
下面排第一个坑:
2017年2月27日,npm不再支持自签名证书。因为npm install走的是https协议,需要通过数字证书来保证的
执行命令
npm config set strict-ssl false
然后继续执行官方vue/cli 安装命令:
npm install -g @vue/cli
然后也不报错,也不动,等待,等待,苦苦的等待,还是不行。。。
再百度。。。看了网友的采坑记录,好像用cnpm 可以解决这个问题。那就先安装个 cnpm,上命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
等待,等待,苦苦的等待,好了总算是安装成功了cnpm
然后全局设置淘宝镜像源,以后所有的下载都过淘宝镜像。上命令
npm config set registry http://registry.npm.taobao.org/
用下面的命令确认一下仓库地址是否为淘宝镜像地址
>npm config list
换cnpm 继续执行vue/cli 命令行安装命令
cnpm install -g @vue/cli
等待1 分钟,然后就成功安装 vue/cli 4
查看一下版本,ok,成功输出版本信息
vue --version
到此vue/cli4 安装成功了
干净用 vue ui 开启图形化节目试试看吧
vue ui
成功启动图形节目,可以愉快的开始你的vue 开发之旅咯