搭建 Vue开发环境

1.vue-devtools 开发工具 浏览器的拓展工具 快速进行当前项目管理
1.1 解压
1.2 到对应文件夹中 cnpm i 
1.3 npm run build 将内容打包 整个一个网页 和js
1.4 找到对应配置 
    shells>chrom->json文件-》"persistent": true
1.5 
谷歌——》设-》加载拓展应用 开发者模式-》加载拓展程序   vue-devtools-dev\shells\chrome

2.rimraf 工具 强制删除
  
  npm i rimraf -g

  rimraf xxx/  删除对应的文件夹 强制删除 

3.vue-cli：开发环境 脚手架工具

src引入：
    1.代码非常不简洁
    2.代码兼容性 需要手动处理  ES6   CSS3的属性 浏览器前缀 厂商前缀 -webkit-  -ms-
    3.前后端分离开发：前端 和后端无法做到完全分离 
自动化开发：webpack等工具搭建一个开发环境
    1.可以使用模块开发
    2.自动配置 使代码兼容
    3.本身webpack可以本地服务 ，服务代理，帮忙解决前端的跨域问题，前后完全分离
    4.热加载功能 

Vue2.0 语法

npm uninstall @vue/cli -g 卸载3.0

npm install vue-cli -g 全局安装

vue -V

vue-cli环境完成 

创建一个项目
vue init webpack 项目名称

1.启动一个开发项目
  环境的启动，初始化一个vue项目 
npm run dev 运行项目
 

vue-router y
eslint 代码规范的校验工具  n
unit tests N 单元测试
e2e   n 自动化测试

.md文件 程序员的word
README.md   项目使用说明文档
package.json 项目配置文件 指令，依赖
index.html  主页面！！
.postcssrc.js  做为postcss的配置选项 
.gitignore   当执行提交仓库指令时，自动的忽略写到文件中的内容
.editorconfig 编辑器配置
.babelrc   webpack工具 基于babelrc进行对应的代码转化
static文件夹 放置网站中全局的静态文件  项目 地址！！  .json
node_modules 依赖
config文件  webpack配置项 服务配置
build文件  webpack配置项  开发环境的配置
src文件夹  整个项目代码文件夹
   main.js  主逻辑文件 当项目启动时第一个运行的文件
   App.vue  主组件 直接显示的内容
   router文件夹  路由的配置
      index.js 路由的配置项
   components文件夹  项目中所有的组件配置
      xxx.vue 
         template
         script
         style
   assets文件  静态文件

出现下面的就算是搭建成功了