安装 Node.js#

首先我们需要获取 Node.js 的安装包：Node.js官网

DOWNLOADS >> Windows Installer >> 64.bit

下载完成后，点击安装包进行安装，并一路默认过去。

碎碎念：我总感觉我好像做过 Node.js 的安装配置，但我总找不到…😕

安装完成后，通过快捷键 Win+R 进入命令窗口，并检查是否安装成功：

1
node -v
2
npm -v

配置 Vue 开发环境#

在确定安装完成 node.js 后开始配置 vue 的环境。

1
npm install -g vue-cli

1
npm install -g webpack

如果使用 npm 指令发现安装不动，总卡进度条，可以尝试换源：

1
npm install -g cnpm --registry=http://registry.npm.taobao.org

将所有指令的 npm 换成 cnpm 即可。

创建 Vue 项目#

进入指定文件夹，并执行下面的指令来创建项目：

1
vue init webpack "项目名称"

创建时的配置可以参考如下：

创建完成后执行如下指令启动项目：

1
npm run dev

启动后在浏览器输入 **http://localhost:8080**，进入页面：