node的安装

1.在官网点击下载node.js,安装直接一直点下一步就可以了:

不推荐安装到C盘,因为权限问题,会导致不要问题的发生,然后点击被选中按钮安装到D盘或其他盘

可以用windows powerShell(管理员)来运行:

查看是否安装成功可以在cmd或终端(记得使用以管理员身份运行)中输入:node-vnpm-v查看版本。

2.查看npm模块安装路径:

首先新建一个名为node_cache文件夹

2.再把路径换成你的安装目录(执行以下命令):

npm config set prefix "D:\Program Files\nodejs"     //你下载解压node文件的路径

npm config set cache  "D:\Program Files\nodejs\node_cache"         //node文件里node_cache文件的路径

设置完后,通过npm config list  来查看npm的配置以及你出版费node文件的路径是否改变成自己存放的位置

先执行npm config list 来刷新,再启动命令提示符或终端执行npm install -g @vue/cli 查看是否正确

如果报以下错,则是node文件权限不足

解决办法:

先到node文件右键点击更多选项,然后点属性,把只读√去掉

然后为用户添加node文件夹的写入权限

右键 - 属性 - 安全 - 编辑(把所有用户名(4个)权限都√上)

  1. 再启动命令提示符或终端查看重新执行npm install -g @vue/cli  如下没有报错,完成!

### 安装 Vue.js 到 Node.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 应用了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值