windows下配置vue开发环境

安装nodejs,配置npm

1.下载安装包:下载地址:https://nodejs.org/en/download
windows下配置vue开发环境_第1张图片
2.安装node:下载完成后进行安装,记住安装的文件夹。本人安装路径为
D:\Program Files\nodejs

3.配置环境变量:
①安装完成后在用户系统变量Path下有一个默认的npm路径,将其删除,并添加:
D:\Program Files\nodejs
D:\Program Files\nodejs\node_global
新建变量NODE_PATH,值为D:\Program Files\nodejs\node_modules
②系统环境变量Path下添加:
D:\Program Files\nodejs\
%NODE_PATH%

4.配置node(防止c盘空间不够)
①在安装路径D:\Program Files\nodejs下新建以下两个文件夹:node_cache和node_global
②打开命令行执行以下,执行npm config get prefix,配置默认是在C盘路径
③执行两条修改命令:
npm config set prefix “D:\Program Files\nodejs\node_global”
npm config set cache “D:\Program Files\nodejs\node_cache”
④更改npm仓库镜像源:
npm config set registry https://registry.npmmirror.com

以上完成node安装配置,一下命令可查看信息
node -v
npm -v
npm config ls

5.安装webpack:npm install webpack -g

6.安装vue-cli:npm install @vue/cli -g
vue -V查看版本信息

开发工具:vscode

你可能感兴趣的:(windows,vue.js,前端)