Web 前端环境搭建 Vue版

Web 前端环境搭建 Vue版

Node.js

点击下载 Node.js v8.11.3，更多版本可登录 Node.js 官网 查看下载。

下载结束后，点击安装，一路 Next。

注：部分浏览器可能提示威胁，不用管他，直接点保存

安装完成后可打开 cmd 工具键入 node -v 来检测是否安装成功，若出现版本信息即表示安装成功，界面如下：

C:\Users\czq>node -v
v8.11.3

C:\Users\czq>

若未出现此界面，先不要着急，如果确认安装已经成功去检查一下环境变量 Path 是否添加，若未添加，手动添加即可，添加完成后即可重复以上步骤检测是否安装成功。

如何打开环境变量不多描述，不会的同学请自行百度。

Npm

由于新版的 Node.js 已经集成了 npm，所以之前安装 Node.js 时 npm 也一并安装好了，
可以通过 cmd 输入 npm -v 来测试是否成功安装

升级 npm:

npm install npm -g

Nrm

nrm (npm registry manager )是 npm 的镜像源管理工具，有时候国外资源太慢，那么我们可以用这个来切换镜像源。

npm install -g nrm

安装完成后即可直接使用，通过 nrm ls 命令显示出所有可用的源列表， 通过 nrm use taobao 切换至国内淘宝源。

Vue

安装 Vue Devtools

安装 Vue CLI

npm install -g @vue/cli

Vue 环境搭建参考文档

Webpack

npm install webpack -g

IDEA

凭个人喜好 Webstrom、Sublime、Atom、Visual Studios Code 等都可以。

版本控制

点击下载 Git 并安装，继续一路 Next 。

注：环境变量记得添加。

点击下载 TortoiseGit 并安装，同样的一路下一步。

此工具亦可换成 SourceTree