Vue 项目配置

配置Vue的app项目首先须要配置本地环境。

1.下载node.js而且安装。（根据本身电脑参数进行选择）

打开cmd，检查是否安装成功。

分别输入：

node -v

npm -v

结果如图正确显示出版本号表示安装成功。

接下来经过CLI配置项目

1.全局安装 vue-cli

在命令行输入npm install --global vue-cli进行安装

2.建立一个基于 webpack 模板的新项目 init webpack my-project  (项目名)

会有不少询问Yes/No的根据须要选择吧。（下面时个人）

接下里就是等待安装（时间较长，若是较慢请用手机热点）

当出现如图所示，表示安装完成

3.进入到项目的文件夹（cd Travel-Practice），而后运行项目（npm run dev）

显示如图，表示运行成功。

最后打开浏览器进入 http://localhost:8080进行查看

OK，大功告成，接下来就去编辑你的项目吧。

固然，推荐你们把代码于GitHub同步，避免丢失。