vue入门

1、vue_cli脚手架

vue脚手架，开发环境。最新的为vue_cli4，稳定版本为vue_cli2.9.6（大部分企业目前使用）
注：可快速搭建大型单页应用，提供官方的命令行工具。

//安装命令：  
npm install -g @vue/cli                   //-g  全局安装    版本：vue_cli4
//安装命令(带版本号)： 
npm install @vue/cli@版本号
//检测vue_cli：
vue -V
//卸载
npm uninstall  @vue/cli  -g  

2、安装npm

npm：包的管理器,用于插件的管理（包含下载，安装，卸载，依赖管理等等）
cnpm：国内的包的管理器
检测npm安装版本命令：

npm -v

3、创建项目

第一种方式：

vue create 项目名

第二种方式：

//vue项目初始化命令如下，若没有安装webpack，则先安装webpack
npm install -g webpack
//开始创建VUE的项目
vue init webpack vue-dome

注：
1、在安装过程 中有个选项（Use ESLint to line your code ?选择 No ）

2、选择相应的插件:

安装完成之后：

4、运行项目

下载vscode软件（轻量）
1、安装vscode
2、下载插件

//启动命令
npm run dev   //浏览器打开localhost:8080
//打包
npm run build
//停止执行
快捷键：Ctrl+C   ，按Y选择确定

5、vue项目目录说明

build：项目构建(webpack)相关代码
config：配置目录，包括端口号等
node_modules：npm加载的项目依赖块
src：这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：
assets: 存放一些公用资源
dist：构建打包完的文件
components：该目录里存放的我们的开发文件组件，主要的开发文件都存放在这里了
App.vue：项目入口文件
main.js：项目的核心文件
router：路由配置目录
static：放置一些静态资源文件
.xxx文件：这些是一些配置文件
index.html：首页入口文件
package.json：项目配置文件
README.md：项目的说明文档

6、发送请求

在Vue运行环境中插件axios
安装命令npm install axios；
main.js中挂载axios：


Axios请求跨域问题
在config文件夹下的index.js中proxyTable设置代码：