Windows下VUE环境搭建

一.Node安装

首先，我们需要安装一个Node环境，就好比如你开发Java要安装一个JDK环境一个道理。项目的初始化、打包等都需要用的Node环境，Mac、Windows都有。Node下载地址

安装直接全部点击下一步最后完成安装
安装结束后打开cmd命令窗口
输入以下命令验证是否安装成功。

node -v

npm -v

 安装成功后,在cmd命令窗口使用如下命令安装npm的国内镜像cnmp

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

 输入以下命令验证是否安装成功。

cnpm -v

二.安装vue-cli脚手架工具 

vue-cli脚手架工具能够帮助我们创建vue的项目结构、本地调试、代码部署等功能

在cmd命令窗口使用如下命令安装vue-cli

 cnpm install -g @vue/cli

 输入以下命令验证是否安装成功。

vue list

 三.创建vue项目

①创建vue-test空文件夹。

 ➁cmd命令窗口进入到该路径。

③输入命令 vue init webpack vue-test

提示如下错误。

 接着在cmd窗口输入以下命令。

cnpm install -g @vue/cli-init

 再输入命令 vue init webpack vue-test

这里在初始化项目的时候，有几个选项

project name // 顾名思义，就是项目的名字

project description //项目的描述

author // 作者

Vue build //打包方式，默认回车即可

install vue-router // 是否安装router，router是路由功能，选择 y

Use ESLint to lint your code // 代码风格检查器，选择y

Set up unit tests // 单元测试，这个就不需要了，选择n

Setup e2e tests with Nightwatch // e2e测试，选择n

出现如下窗口，说明创建成功。

 

④进入到项目里（vue-test） 输入以下命令，运行项目。

cnpm run dev

⑤ 输入http://localhost:8081，出现如下界面。

至此，vue环境已经搭建完毕。