win10 安装vue运行环境

卸载：

C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Node.js

点击uninstall node.js

1.下载node.js

2.安装node.js,傻瓜式安装

选择安装目录，这里我安装到d盘

直接下一步

直接下一步

安装

安装完成之后，打开命令行工具，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。

npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。

OK！node环境已经安装完成，npm包管理器也有了。

由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像---cnpm。

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待，安装完成如下图。

完成之后，我们就可以用cnpm代替npm来安装依赖包了。

在命令行中运行命令 cnpm install -g vue-cli ，然后等待安装完成。(注意，这里使用cnpm来替代npm，不然速度超级慢，会导致卡在那)

通过以上三部，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目。

打开我的电脑-右键属性-高级系统设置-环境变量 ，可以看到自动为我们创建好了环境变量

这时环境安装好之后我们就可以使用idea导入我们的vue项目，通过配置命令来安装该项目所需要的依赖。

npm install --registry=https://registry.npm.taobao.org

注意idea在安装过程中打开的，需要重启一下，不然会找不到npm

运行配置

打包配置

虽然有了npm，但是发现选项中有yarn

“Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的.那么我们就来安装下Yarn 吧！

这里我们使用npm安装（可以下载安装）

npm install -g yarn

查看yarn版本 yarn --version

因为外国的镜像下载慢（会出现connect ETIMEDOUT 104.16.25.35:443".问题）

改为taobao 的镜像

yarn config set registry https://registry.npm.taobao.org/

常用命令：

• yarn / yarn install 等同于npm install 批量安装依赖
• yarn add xxx 等同于 npm install xxx —save 安装指定包到指定位置
• yarn remove xxx 等同于 npm uninstall xxx —save 卸载指定包
• yarn add xxx —dev 等同于 npm install xxx —save-dev
• yarn upgrade 等同于 npm update 升级全部包
• yarn global add xxx 等同于 npm install xxx -g 全局安装指定包
   

接下来删除node_modules，使用yarn重新安装项目所需依赖  yarn install

修改idea配置

完成！