vue学习笔记---1.vue.js基础安装，新建项目，打开项目

Vue官方API:
VUE.js API

注意：
兼容性上Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

用于学习的话可以直接导入使用，最新版本以官网为准

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

例如：

可直接在浏览器输出页面Hello

安装：

在用 Vue 构建应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
安装完node.js之后，npm也会自动安装
node.js NPM安装

根据自己电脑系统下载安装包，完成安装后，打开cmd命令提示符
查询是否安装成功的命令：

node -v
npm -v

安装脚手架工具vue-cli，命令如下：

npm install --global vue-cli

检查环境是否安装上，命令如下：

vue -V

1.创建vue项目
在命令行里输入命令：

vue init webpack vue（创建名字为‘vue’的文件夹）

！创建过程中有个选项（Use ESLint to line your code ?选择 No ）


创建项目后vue项目目录如下：

进入到项目目录下，命令符cd -文件名

运行命令：

npm run dev

在浏览器上输入：localhost:8080，将会出现下面的vue初始页面：

2.打开项目
命令符cd -文件名进入到项目目录下，或者文件甲目录下shift+鼠标右键“在此处打开命令窗口”
运行命令即可：

npm run dev

3.结束项目运行：
ctrl+c，选择Y即可停止项目的运行

其他：
vue项目目录说明：

vue项目启动流程：
1.在执行vue项目的时候，会去在当前文件夹下的项目中找package.json文件,启动开发服务器，默认端口是8080

2.找到src的main.js文件，在该文件中new Vue的实例，要加载的模板内容App
3.App是src目录下的App.vue结尾的文件；
4、在App.vue所对应的模板当中，有一个router-view在src目录下有一个router文件夹，该文件夹有个index.js文件，该文件是配置路由词典，指定了路由地址是空，加载HelloWorld组件
可通过代码改变默认打开页面

 {
      path: '/',redirect:{name:"HelloWorld"}//默认打开页面
    },