在win7中快速安装vue2

首先要求我们安装node.js 如果没有安装可以点击跳转 安装node

1.配置环境变量

其实安装完node,就自动在path里增加环境变量,但是为了以后的本地部署项目,我们需要找到node.js的安装根目录

1.1在当中新建"node_cache"缓存和"node_global"下载的文件夹
1.2打开黑窗口设置缓存和修改的位置
复制代码
npm config set prefix "D:\a\b\node\node_global"

npm config set cache "D:\a\b\node\node_cache"
1.3配置淘宝镜像并检查
复制代码
npm config set registry=http://registry.npm.taobao.org

npm config get registry
1.4设置环境变量
复制代码
NODE_HOME

D:\a\b\node

在环境变量中找到path然后再最前面加上以下代码

复制代码
%NODE_HOME%;%NODE_HOME%\node_global;%NODE_HOME%\node_modules;

设置好以后按顺序依次点击确定

2.安装淘宝的npm镜像

2.1找到node的安装目录在目录里输入cmd点击回车

可以看到我们进入到了该目录的黑窗口

2.2安装镜像
复制代码
npm install -g cnpm@6.1.0
等待安装完成后输入cnpm -v进行验证,只要不是报命令符不存在就说明安装成功了
复制代码
cnpm -v

3.安装vue-cli脚手架构建工具

3.1在黑窗口输入安装命令
复制代码
npm install vue-cli -g

安装完成后输入vue/vue -V进行验证

复制代码
vue
vue -V
相关推荐
行走的陀螺仪18 小时前
使用uniapp,实现根据时间倒计时执行进度条变化
前端·javascript·uni-app·vue2·h5
锅挤10 天前
Vue2:蜻蜓点水(1)
vue2·web前端
unique_perfect16 天前
vue2与springboot实现deepseek打印机聊天
spring boot·websocket·ai·vue2·deepseek
码农研究僧17 天前
详细分析 Vue2 中的 a-form-item基本知识(附Demo)
vue2·a-form-item·语法结构
weixin_445476682 个月前
Vue 项目全局水印功能完整实现指南
vue·vue2·1024程序员节
duansamve2 个月前
Vue3和vue2的Diff算法有何差异?
vue·vue3·vue2·diff
昔冰_G3 个月前
Vue内置组件KeepAlive——缓存组件实例
vue.js·缓存·vue3·vue2·keep-alive·vue组件缓存·vue内置组件
胡西风_foxww5 个月前
Vue2 项目实现 Gzip 压缩全攻略:从配置到部署避坑指南
nginx·部署·vue2·配置·gzip·压缩·攻略
汪叽家的兔子羡5 个月前
vue模块化导入
前端·javascript·vue.js·typescript·vue3·vue2·vite
胡斌附体6 个月前
使用模板创建uniapp提示未关联uniCloud问题
uni-app·vue2·配置问题·unistatistics·manfest.json