一、安装node.js官网: Download | Node.js
版本: previous releases
或者
下载完成后,可以安装节点。 建议不要安装在c :等系统磁盘上。
二、设置nodejs prefix(全局)和cache(缓存)路径1,建议安装的路径中没有中文
2、新建node_global和node_cache两个文件夹
可以在nodejs安装路径中创建新的
3、设置缓存文件夹
npmconfigsetcache ' e :nodenode _ cache ' 4,全局模块存储路径设置
成功安装npmconfigsetprefix ' e :nodenode _ global '后,如果使用npm install XXX -g命令安装,则模块为e :node
也可以通过输入npm list -global命令来显示全局安装目录。
三、node.js偏好设定
选择“我的电脑”右键单击“属性”“高级系统设置”“高级环境变量”以访问“环境变量”对话框
1、在【系统变量】下新建【NODE_PATH】,输入内容根据实际情况不同为【d :nodenode _ globalnode _ modules】
2、在【系统变量】下的【Path】中添加节点路径【D:node_global】
四、淘宝镜像源基于 Node.js 安装cnpm(淘宝镜像)
您可以将npm的模块下载仓库从默认的海外站点更改为国内站点,从而使模块下载速度相对较快。 目前,全部使用淘宝镜像源(https://registry.npm.taobao.org )。 有两种方法可以使用淘宝镜像源。
安装cnpm :
NPM install-gcn pm---- registry=https://registry.NPM.Taobao.org
验证方式变为cnpm配置获取注册表或cnpm配置列表,如图所示
直接更改npm的默认配置:
在npmconfigsetregistry https://registry.NPM.Taobao.org配置后,是否根据npm config get registry或npm config list命令成功配置了NPM下载源
第二个临时使用:
NPM-- registry https://registry.NPM.Taobao.orginstallcluster代码仅在安装集群时使用淘宝镜像下载,仅安装一个模块
五、安装Vue和脚手架安装vue.js cnpm install vue -g或
NPM安装vue-g显示已安装的vue信息。 npm info vue或cnpm info vue
查看已安装的vue版本npm list vue
安装脚手架vue-CLI cnpm安装- g @ vue/CLI
输入vue ui进入界面。 vue ui打开网址
安装其他webpack模板,在命令行上运行命令npm install webpack -g,然后等待安装完成。
webpack 4x或更高版本,webpack将所有命令相关内容放入webpack-cli中,
因此,还必须安装web包- CLI:NPM安装- -全局web包- CLI。
安装成功后,可以使用webpack -v显示版本号。
顺手安装vue-router
NPM安装- g vue-router