node安装

1、进入node官网,下载长期支持版,安装
2、输入node -v,能查询到版本号即为安装成功
3、为方便管理,修改默认的缓存和模块存放路径(C:\Users\Administrator\AppData\Roaming\npm),在nodede 安装文件夹下创建两个文件夹【node_global】及【node_cache】
在这里插入图片描述2.创建完两个空文件夹之后,打开cmd命令窗口,输入

npm config set prefix “E:\Program Files\nodejs\node_global”

npm config set cache “E:\Program Files\nodejs\node_cache”

3.设置环境变量
在【系统变量】下新建【NODE_PATH】,输入【E:\Program Files\nodejs\node_global\node_modules】在这里插入图片描述
使用npm config ls查看默认配置
在这里插入图片描述测试:
npm install -g vue-cli
在这里插入图片描述

4、切换镜像
安装镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
长久使用
npm config set registry https://registry.npm.taobao.org
查看镜像是否成功
npm config get registry
在这里插入图片描述

### 安装 Vue.jsNode.js 环境中的方法 为了在 Node.js 环境中安装并配置 Vue.js,可以按照以下方式操作: #### 下载 Vue.js 文件 可以通过访问 Vue.js 的官网下载 `vue.min.js` 文件,并通过 `<script>` 标签将其引入到项目中[^1]。这种方式适合于前端开发环境下的静态页面集成。 #### 配置 Node.js 环境变量 在已有的 Node.js 安装目录下创建两个文件夹:`node_cache` 和 `node_global` 来分别存储缓存数据和全局模块[^2]。这一步有助于管理 npm 包的安装路径以及优化依赖项的加载速度。 #### 使用 NPM 全局安装 Vue CLI 工具 运行命令 `npm install -g @vue/cli` 可以实现 Vue 命令行工具的全局安装[^3]。完成之后,输入 `vue -V` 查看当前系统的 Vue 版本号来验证安装是否成功。如果能够正常返回版本信息,则说明安装过程顺利完成。 以下是具体的代码示例用于执行上述步骤的操作: ```bash # 创建必要的文件夹结构(假设 $NODE_PATH 是自定义节点路径) mkdir "$NODE_PATH/node_cache" mkdir "$NODE_PATH/node_global" # 设置环境变量以便正确识别新建立的文件夹位置 export NODE_CACHE="$NODE_PATH/node_cache" export NODE_GLOBAL="$NODE_PATH/node_global" # 更新 .bashrc 或者其他 shell profile 脚本来持久化更改 echo 'export NODE_CACHE="$NODE_PATH/node_cache"' >> ~/.bashrc echo 'export NODE_GLOBAL="$NODE_PATH/node_global"' >> ~/.bashrc # 执行更新使修改生效 source ~/.bashrc # 开始安装 Vue CLI npm install -g @vue/cli # 测试安装情况 vue -V ``` 当以上所有指令都无误完成后,就可以利用 Vue 提供的各种功能构建现代化单页应用(SPA)或者其他类型的 Web 应用了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值