直接在node.js官网下载LTS稳定版本,并默认选择项傻瓜式进行安装即可 (win7最高支持版本13)。
安装好之后在dos窗口中检查:
1. 切换淘宝npm库,执行命令:(两者选其一即可)
方式一:npm config set registry https://registry.npm.taobao.org
方式二:npm install -g cnpm --registry=https://registry.npm.taobao.org
之后切记执行命令:npm config list 检查配置是否生效。
2.安装vue-cli脚手架和客户端
命令: npm install -g @vue/cli --force
在执行这个命令时,报了一大丢错(不过输入命令vue ui也可以顺利跳转到浏览器界面),部分显示如下:
最后把C盘上面画线的文件夹删掉后(C盘那些npm文件夹内容应该是之前卸载的nodejs留下的,之前vue-cli装在C盘),再次执行该命令不再报错了。
[ vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:
vue init webpack xxx (这是命令行的方式--繁琐)
注1:xxx 是创建项目的名称
注2:vue-cli脚手架里含有了vue,可输入命令:vue -version或者vue -V(大写)验证 注3:必须先安装vue,vue-cli,webpack,node等一些必要的环境 ]
3.输入命令跳转到客户端首页,能成功跳转说明OK了。
说明:如果想要将vue项目创建在 D:\mytest/code 目录下,那我们需要在该目录内地址栏输入cmd打开DOS窗口执行 vue ui命令实现跳转,这时就自动跳转到该目录下了,直接创建即可。
检查nodejs版本和npm版本命令见上 node -v 和 npm -v
查找nodejs安装位置 where node