node+vue环境搭建 win10

1、nodeJs官网下载安装包,无脑next

2、cmd执行下列命令,判断node环境是否安装成功

node -v

3、更换npm的全局安装目录(可选,默认在C盘)

3.1 在准备更换的目录下创建两个目录node_globalnode_cache

3.2 cmd执行下列命令

# 查看npm的安装路径

npm config ls

# 更换全局包的路径

npm  config set prefix "目录地址\node_global"

# 更换缓存路径

npm  config set cache "目录地址\node_cache"

#重新输入第一条命令,确认是否正确更改完毕

3.3 增加环境变量

右键[我的电脑]--属性--高级系统设置--环境变量--系统变量->Path->新建->输入[node_global]目录的绝对路径

绝对路径示例:C:\soft\nodejs\node_global

4、更改npm源(可选,原源地址为国外地址,某些因素会导致网速特别慢,换成taobao镜像)

4.1 临时使用

npm --registry https://registry.npm.taobao.org install express

4.2 彻底修改

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

// 配置后可通过下面方式来验证是否成功

npm config get registry

// 或npm info express

4.3 使用cnpm

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

5、cmd 安装VUE cli 

// 安装vue cli
npm install -g @vue/cli

//到【合适的目录】创建项目
vue create my-project

// 进入my-project目录
npm run serve

// 参考:https://cli.vuejs.org/zh/

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值