前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >安装node.js 环境,这样前段的vue项目就可以在cmd里面启动了

安装node.js 环境,这样前段的vue项目就可以在cmd里面启动了

作者头像
一写代码就开心
发布2022-05-09 10:29:13
8620
发布2022-05-09 10:29:13
举报
文章被收录于专栏:java和python

目录

下载

将我发给你的百度云,里面找到这个

在这里插入图片描述
在这里插入图片描述

node开头的就是

将它下载到本地 然后解压,就是一个文件夹

在这里插入图片描述
在这里插入图片描述

接下来就是配置了

配置

在这里插入图片描述
在这里插入图片描述

node文件夹里面就是 你刚才解压的东西,打开是这样就对了

在这里插入图片描述
在这里插入图片描述

以上的结构一定要和我的一样,那两个只是创建个空文件夹就可以了。

这两个空文件夹的作用 node-global :npm全局安装位置

node-cache:npm 缓存路径

配置环境变量:

将node.exe 所在的目录添加到path环境变量,这样我们在使用命令行时就可以在任意路径使用node命令了,

1 我的电脑 右击属性

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

我的系统更新之后,点击属性就是这样,直接进入设置里面,如果你们没有更新,应该有一个高级系统设置,这个按钮

反正 找到这个按钮,还找不到自己百度

找到这个点击进去,进来就是系统属性

在这里插入图片描述
在这里插入图片描述

以上截图中,找到环境变量 ,点击进去

在这里插入图片描述
在这里插入图片描述

以上有两个位置,一个是用户变量,一个是系统变量,我们在系统变量里面做修改

在这里插入图片描述
在这里插入图片描述

点击新建,出来一个弹框

在这里插入图片描述
在这里插入图片描述

变量名字就写

NODE_PATH

变量值就是你创建的全局目录,比如我的是(一定是你本地的路径,你自己的路径)

在这里插入图片描述
在这里插入图片描述

就是箭头指的这个文件夹,点进去,你的应该里面什么都没有,是空的 复制这个路径

在这里插入图片描述
在这里插入图片描述

E:\node.js\node_global

将他们写在弹出来的框里面 最后弹出来的框就变为

在这里插入图片描述
在这里插入图片描述

上面点击确定,就保存好了

在这里插入图片描述
在这里插入图片描述

接下来找到这个

在这里插入图片描述
在这里插入图片描述

双击,就弹出一个框

在这里插入图片描述
在这里插入图片描述

点击新建

在这里插入图片描述
在这里插入图片描述

在这个新的一行里面,写这个东西 (一定是你本地的路径,你自己的路径)

在这里插入图片描述
在这里插入图片描述

这个是你刚才解压的路径

在这里插入图片描述
在这里插入图片描述

然后点击确定,一路确定

写到这里其实node就算已经装好了。

如何确定你电脑已经将node环境配置好了,那么就可以打开cmd 环境变量配置好之后,重新打开cmd,一定是重新打开,之前打开的关闭,重新打开

在这里插入图片描述
在这里插入图片描述

在命令行中输入如下命令测试

node -v

npm -v

在这里插入图片描述
在这里插入图片描述

如果出现对应的版本号,那么你电脑就有了node环境,之后就可以在cmd里面启动vue项目了

安装一个东西

安装东西比较慢

查看本来的镜像

代码语言:javascript
复制
npm get registry
在这里插入图片描述
在这里插入图片描述

我们要换一个淘宝的镜像

代码语言:javascript
复制
npm config set registry https://registry.npm.taobao.org
在这里插入图片描述
在这里插入图片描述

以上已经更换了镜像,以后下载东西就快了

我们下载一个Vue-cli 脚手架,不知道的自己百度

代码语言:javascript
复制
npm install -g vue-cli
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

以上就把下载的东西放到我配置的文件夹里面了

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-05-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 目录
  • 下载
  • 配置
    • 配置环境变量:
      • 安装一个东西
      相关产品与服务
      命令行工具
      腾讯云命令行工具 TCCLI 是管理腾讯云资源的统一工具。使用腾讯云命令行工具,您可以快速调用腾讯云 API 来管理您的腾讯云资源。此外,您还可以基于腾讯云的命令行工具来做自动化和脚本处理,以更多样的方式进行组合和重用。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档