你的位置：
首页
>
业界
>
Windows7 ：Vue(vuecli 4.2.3)开发环境搭建
1.依赖环境node.js安装
软件链接：https://pan.baidu/s/1q1CFhBHQN6-SYSpTxVIZwA
提取码：tg61
（双击安装，除了自定义安装路径时修改安装路径，基本一直next,直到finish。（在安装过程中将会自动在windows 命令执行路径中添加node安装的路径，如果node -v 命令执行不成功，应该首先检查这里）
Node安装好后的基本目录结构（同时安装npm）
2.更换国内（淘宝）镜像
npm install -g cnpm --registry=https://registry.npm.taobao
（在执行上面的命令时，会在note 安装目录的同级目录创建node_cache 和node_global目录用来存放npm全局安装的包，并且所全局安装包的相关执行命令文件【如：cnpm.cmd ,vue.cmd】都存放在node_global下,如果执行相关命令失败，就得手动配置node_global到windows 命令执行路径）
3.下载vue/cli 4.2.3, webpack
cnpm install -g @vue/cli
cnpm install -g webpack
4.检测是否安装成功
node -v
vue -V #(大V)
Webpack -v
5.Webstorm 创建Vue项目
1.依赖环境node.js安装
软件链接：https://pan.baidu/s/1q1CFhBHQN6-SYSpTxVIZwA
提取码：tg61
（双击安装，除了自定义安装路径时修改安装路径，基本一直next,直到finish。（在安装过程中将会自动在windows 命令执行路径中添加node安装的路径，如果node -v 命令执行不成功，应该首先检查这里）
Node安装好后的基本目录结构（同时安装npm）
2.更换国内（淘宝）镜像
npm install -g cnpm --registry=https://registry.npm.taobao
（在执行上面的命令时，会在note 安装目录的同级目录创建node_cache 和node_global目录用来存放npm全局安装的包，并且所全局安装包的相关执行命令文件【如：cnpm.cmd ,vue.cmd】都存放在node_global下,如果执行相关命令失败，就得手动配置node_global到windows 命令执行路径）
3.下载vue/cli 4.2.3, webpack
cnpm install -g @vue/cli
cnpm install -g webpack
4.检测是否安装成功
node -v
vue -V #(大V)
Webpack -v
5.Webstorm 创建Vue项目