admin管理员组文章数量:1531793
一、在Windows下搭建Vue开发环境
1.安装node.js
node.js-v12.18.3
1.1. 安装流程
2.设置node的全局和缓存路径
2.1.新建文件目录
在安装目录中，如我的：C:\Program Files\nodejs，新建两个文件夹，分别是：node_cache（缓存）、node_global（全局）
2.2.设置缓存路径
win+r --> cmd --> npm config set cache "C:\Program Files\nodejs\node_cache"
2.3.设置全局模块存放路径
win+r --> cmd --> npm config set prefix "C:\Program Files\nodejs\node_global"
3.设置淘宝镜像
以管理员身份打开命令提示符窗口 --> npm install -g cnpm --registry=https://registry.npm.taobao
4.设置环境变量
设置环境变量的目的在于：在任何目录都可以执行node和vue命令
在环境变量中，Path里面新增一个global文件夹的路径，如：C:\Program Files\nodejs\node_global
同时新增一个环境变量：NODE_PATH，路径为node.js目录下的modules文件夹
5.安装Vue
需要先关上命令行窗口，并再次打开cmd执行安装vue的命令（管理员打开）
cnpm install vue -g
6.安装Vue-cli脚手架
执行cnpm install -g vue@cli
报错后执行：
npm i npm -g
npm i @vue/cli -g
cnpm i @vue/cli -g
7.创建vue项目
vue create first 接下来回车即可
cd first
npm run serve
8.访问已测试是否创建运行成功
http://localhost:8080/
二、Vue-cli脚手架3.0前后版本切换
1. 3.0以下切换至3.0以上
npm uninstall -g vue-cli //卸载当前vue
npm install -g @vue/cli //安装vue
//如果上面代码报错，则执行以下代码
//以下代码进行更新操作
npm i npm -g
npm i @vue/cli -g
cnpm i @vue/cli -g
2. 3.0以上切换至3.0以下
npm uninstall -g @vue/cli //卸载当前vue
npm install -g vue-cli //安装vue
npm i vue-cli -g
cnpm i vue-cli -g
版权声明：本文标题：在Windows下搭建Vue开发环境 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1725617666a1033153.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论