搭建vue项目的过程

搭建Vue项目全攻略
本文详细介绍了在Windows环境下安装Node.js及配置环境变量的过程,包括32位和64位安装包的下载链接,以及如何设置npm的全局模块和缓存路径。此外,还提供了使用淘宝镜像加速npm包下载的方法,最后讲解了如何通过vue-cli脚手架创建和初始化Vue项目。

搭建vue项目的过程

1.在这里插入图片描述

在这里插入图片描述

(1)Windows 安装包(.msi)

	32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
	64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

(2)配置环境

安装完成后的目录如下所示
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1、node_global为npm安装的全局模块所在的路径
2、node_cache缓存cache的路径
在这里插入图片描述
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”
在这里插入图片描述
①系统变量:进入环境变量对话框,在系统变量下新建NODE_PATH,输入D:\nodejs\node_global\node_modules
②用户变量:将用户变量下的Path修改为D:\nodejs\node_global
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

npm install -gd express --registry=http://registry.npm.taobao.org;

npm config set registry http://registry.npm.taobao.org

npm install -g cnpm --registry=https://registry.npm.taobao.org;

目前为止我们已经把node安装并怕配置完成了
下面安装脚手架创建项目
在这里插入图片描述
cnpm install -g vue-cli
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
至此我们项目已经创建成功,并初始化完成。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值