安装nodejs、vue脚手架

转载
安装vue脚手架,会用到node中的npm模板
安装的过程是很复杂的,尤其是当基本步骤的顺序不确定时,应该顺着一个模板下去,两个不同的模板交叉会导致更多的错误。
当我们要重新安装的时候,应该确定上一次失败的安装全过程清除干净,做到无痕,这样是下次安装成功的前提。
面向一个完全陌生的东西,不能排斥,要更加耐心的。因为耐心会指引你慢慢的走向答案。
问题的出现是不可避免的,问题就是一个未知数,应该耐心,好好思考,减少粗心导致的错误。问题也有可能是系统中的错误。

npm:nodejs中的包管理器;
webpack:把所有的客户端需要发布的静态资源准备好,进行资源的打包,合并;
vue-cli:用户生成的Vue工具模板;
vue-router:路由

下载nodejs
*最好放在d盘上,默认生成路径
在这里插入图片描述
打开cmd检查一下,node -v 和npm -v
可以echo %PATH%可以看到系统默认生成的D:/nodejs/ 环境变量

但是本地仓库跑到c盘里了,我们应该nodejs文件夹下创建node_global,node_cache这俩个文件
然后在cmd中运行
1.npm config set prefix ''D:\nodejs\node_globle"
2.npm config set cache ''D:\nodejs\node_cache"
npm list -global 查看本地全局安装过的包

输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站

输入命令npm config list 显示所有配置信息

npm config get registry 检查一下镜像站行不行

看看能否获得vue的信息,输入:Npm info vue

如果直接运行npm install等命令会报错的。
我们需要做1件事情:
1、增加环境变量NODE_PATH 内容是:D:\nodejs\node_global\node_modules
3.如果直接运行npm install等命令会报错的。
我们需要做1件事情:
1、增加环境变量NODE_PATH 内容是:D:\nodejs\node_global\node_modules
在这里插入图片描述
(注意,一下操作需要重新打开CMD让上面的环境变量生效)

一、测试NPM安装vue.js
输入命令:npm install vue -g
这里的-g是指安装到global全局目录去
二、测试NPM安装vue-router
输入命令:npm install vue-router -g
三 、安装vue脚手架,输入运行:npm install vue-cli -g
极其重要的一步
这样添加环境变量
在这里插入图片描述
四.测试vu,搭建vue项目
在这里插入图片描述

重新打开CMD,并且测试vue是否使用正常
注意:vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,它的配置并不全放在根目录下的 webpack.config.js 中。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值