第一章 VUE环境搭建

本次环境在CentOS 7下搭建,在开发VUE之前，需要在CentOS下依次安装如下相关软件
1.安装node.js
2.安装webpack
3.安装vue
4.安装vue-cli

（一）安装node.js
在centos下安装node.js步骤如下，2019.08.08 官网 https://nodejs.org 最新版nodejs地址：https://nodejs.org/dist/v10.16.2/node-v10.16.2-linux-x64.tar.xz

先检查下系统是否已安装了nodejs, 在命令行窗口输入node -v，

发现未找到命令，说明当前系统未安装nodejs.
进入系统根目录，创建目录software, 下载nodejs，如下图所示

解压 刚刚下载的node-v10.16.2-linux-x64.tar.xz
tar -xvf node-v10.16.2-linux-x64.tar.xz
部署bin
由于本人在解压node的当前所在目录为 /software/node-v10.16.2-linux-x64, 建立软链接
ln -s /software/node-v10.16.2-linux-x64/bin/node /usr/bin/node
ln -s /software/node-v10.16.2-linux-x64/bin/npm /usr/bin/npm
ln -s /software/node-v10.16.2-linux-x64/bin/vue /usr/bin/vue


查看node -v ，看下当前所安装的nodejs 版本号。
查看vue -V ,看下当前所安装的vue 版本号。(注意这里-V 字母是大写)

由于新版本nodejs 已经集成了npm, 也可以使用npm -v 进行查看npm 版本；在通过npm安装其他软件时候，我们一般会选择国内的淘宝npm镜像进行安装，这样会速度快点。
使用如下命令即可：
npm install -g cnpm --registry=https://registry.npm.taobao.org
以后我们在通过npm安装其他相关软件的时候，使用cnpm进行安装即可

到此，nodejs 就安装完成了。

（二）安装webpack

首先我们需要了解下什么是webpack?

webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。

（三）安装vue
在根目录下，创建myfiles目录，用来存放后面将要开发的vue项目，进入myfiles下，创建子目录demo01,用来存放vue项目。大家可以根据自己习惯建立自己的相应目录。

输入命令 npm install vue 安装vue

（四）安装vue-cli

现在我们可以创建我们的第一个项目了，如下图所示,输入命令vue init webpack +工程名，默认按照相关提示，或者直接按回车键自动默认进行安装。


按命令提示，cd到demo目录，输入命令npm run dev，命令行窗口会自动提示如下图所示：

我们现在用浏览器访问http://localhost:8080 ,

说明我们的环境已安装好了。