一、nodejs下载安装
- 下载地址： https://nodejs.org/en/download/
- 下载msi文件后运行安装
- 运行npm -v 查看npm的版本，node -v 查看nodejs版本，同时也是检查npm和nodejs是否安装成功
二、npm配置
2.1 更换全局安装路径
安装好nodejs之后，对npm安装的全局模块所在路径以及缓存所在路径，进行环境配置。npm install express [-g]（后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppDataRoaming\npm】路径中，占C盘空间。所以我们可以运行下面两个命令更换全局安装路径：
npm config set prefix "E:\workspace\npm\nodejs\node_global"
npm config set cache "E:\workspace\npm\nodejs\node_cache"
如下图，我们再来关注一下npm的本地仓库，输入命令npm list -global
2.2 修改镜像地址
基于nodejs，利用淘宝npm镜像安装相关依赖。由于国外使用npm会很慢，这里推荐使用淘宝nmp镜像;
输入命令npm config set registry=http://registry.npm.taobao.org 配置旧镜像站（将在 2022.06.30号正式下线和停止 DNS 解析）.
输入命令npm config set registry=http://registry.npmmirror.com 配置新镜像站.
输入命令npm config list 显示所有配置信息，我们关注一个配置文件
检查一下镜像站命令行不行：
一、输入： npm config get registry
二、输入： npm info vue 看看能否获得vue的信息
注意，此时默认的模块E:\workspace\npm\nodejs\node_modules, 目录将会改变为E:\workspace\npm\nodejs\node_global\node_modules 目录，
如果直接运行npm install等命令会报错的。
我们需要做1件事情：
增加环境变量NODE_PATH 内容是：E:\workspace\npm\nodejs\node_global\node_modules（参考jdk配置）,注意，以下操作需要重新打开CMD让上面的环境变量生效
2.3 安装vue
命令：
npm install vue -g
npm install vue-router -g
npm install vue-cli -g
对path环境变量添加E:\workspace\npm\nodejs\node_global (这个路径应该是包含vue.cmd的那个目录)
重新打开CMD，并且测试vue是否使用正常
2.4 创建vue项目
- 切换到项目根目录
- 初始化
vue init webpack vue01
- 安装依赖
npm install
- 启动项目,成功会提示打开http://localhost:[端口号]
npm run dev
- 生成静态文件,打开dist文件夹下新生成的index.html文件
npm run build
-
npm下构建出来的vue01的目录描述：
