Vue项目安装教程

一：先安装node
历史版本下载
最新下载地址
国内下载地址

二：安装Vue
1.检查node环境(npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v命令，显示npm的版本信息)

2.由于有些npm资源被屏蔽或者是国外资源,会导致npm安装依赖包的时候失败,所以我们还需要npm的国内镜像----cnpm（淘宝的镜像）
输入 `npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装vue-cli脚手架构建工具npm install -g vue-cli

4.安装Vue
切换到你要创建项目的文件夹下

vue init webpack firstApp初始化整个项目,webpack是构建工具，整个项目是基于webpack的,firstApp是整个项目文件夹的名称。初始化命令的时候会让用户输入几个基本的配置选项，如项目名称、项目描述、作者信息。

打开E盘就可以看见创建好的项目

项目目录及其作用：
build：最终发布的代码的存放位置。
config：配置路径、端口号等一些信息。
node_modules：npm 加载的项目依赖模块
src：这里是我们开发的主要目录
assets:放置一些图片，如logo等
components:目录里放的是一个组件文件，可以不用。
App.vue：项目入口文件
main.js ：项目的核心文件
static：静态资源目录，如图片、字体等。
test：初始测试目录
.XXXX文件：配置文件。
index.html：首页入口文件
package.json：项目配置文件。
README.md：项目的说明文件。

切换到项目目录运行npm rundev

在浏览器输入localhost:8080(默认是80端口)就可以看见正在运行的项目

终止项目运行Ctrl C

`