一、在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"
1
2.3.设置全局模块存放路径
win+r --> cmd --> npm config set prefix "C:\Program Files\nodejs\node_global"
1
3.设置淘宝镜像
以管理员身份打开命令提示符窗口 --> npm install --registry=https://registry.npmmirror.com
4.设置环境变量
设置环境变量的目的在于:在任何目录都可以执行node和vue命令
在环境变量中,Path里面新增一个global文件夹的路径,如:C:\Program Files\nodejs\node_global
同时新增一个环境变量:NODE_PATH
,路径为node.js目录下的modules文件夹
5.安装Vue
需要先关上命令行窗口,并再次打开cmd执行安装vue的命令(管理员打开)
npm install -g @vue/cli
7.创建vue项目
vue create first
接下来回车即可
cd first
npm run serve
8.访问已测试是否创建运行成功
http://localhost:8080/