002-vue脚手架安装

1.首先下载node.js     下载地址:Download | Node.js

        根据自己电脑的系统选择对应的版本 Windows/macOS(我自己的是windows10 64位系统)

2.解压下载下来的安装包 开始安装node(傻瓜式操作)

3.配置环境变量,找到自己下载node保存的目录 然后右键我的电脑=>高级设置=>环境变量....具体的方法可以百度到 很简单

4.检查node是否安装成功

步骤:win+R=>输入cmd=>输入node -v/ npm-v 检查node是否安装成功

5. npm配置

安装nodejs后,由于nodejs集成了npm会默认安装npm。安装完nodejs后在cmd中通过命令查看安装的nodejs与npm

现在可以看到nodejs与npm已经安装成功。
虽然现在nodejs与npm已经安装成功了 ,但是还有一个重要的步骤没有完成,因此现在npm还不可以安装全局模块。因此我们需要配置npm的全局模块的存放路径以及cache的路径

这里可以看到多出来两个文件夹,一个是npm_modules和npm_cache,这两个文件夹是自己创建的。这两个文件夹就是全局模块的存放路劲与cache的路劲,用于存放我们安装的全局模块与cache。
接下来配置,在cmd中执行以下命令:

npm config set prefix "D:\node\npm_modules"   //全局模块存放路径
npm config set cache "D:\node\npm_cache"        //cache路径

 说明:我的nodejs安装在D:\node,这里需要替换成自己的全局模块路径与cache路径
可以通过 npm config list查看npm的配置。

接下来配置系统变量,这个相当重要!!!!!!(方法同上)

进入环境变量对话框,在系统变量下新建”NODE_PATH”,输入”D:\node\npm_modules\node_modules“。
由于改变了module的默认地址,所以上面的用户变量都要跟着改变一下
(用户变量”PATH”修改为“D:\node\npm_modules”),不然使用module的时候会导致输入命令出现“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”这个错误。
npm全局安装模块:

npm install -g modulesname

3.测试NPM安装vue.js

命令:npm install vue -g

4.测试NPM安装vue-router

命令:npm install vue-router -g  

 5.测试NPM安装vue脚手架

命令:npm install vue-cli -g

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值