vue-cli介绍

vue-cli

vue-cli 是vue.[js](http://lib.csdn.net/base/javascript)的脚手架，用于自动生成vue.js+webpack的项目模板，分为vue init webpack-simple 项目名 和vue init webpack 项目名 两种。 

使用vue-cli构建的项目结构介绍

• components主要用于存放单文件组件.vue的文件

  在app.js文件里面引入APP.vue
  import Vue from 'vue'
  import App from './components/App.vue'
  new Vue({
      el:'#app',
      // render函数的作用是将组件渲染到页面中去
      render:function(h) {
          return h(App) // App表示的是要渲染到html上面的单文件组件
          // h表示的就是一个函数
      }
  })
  

• config文件夹项目开发时候的一些配置项

• src文件夹下的components用于放单文件组件，router用于放路由的，assets用于存放静态资源，

• src==》main.js入口文件

vue-cli构建项目

2.9.3的使用：

1. 下载vue-cli和安装项目
   • cnpm i vue-cli#2.9.3 -g
   • vue init webpack my-progect

@3.0以上，目前beta版本的使用

1. 下载vue-cli和安装项目
   • cnpm i @vue/cli -g
   • vue create my-project

二者的区别

• 下载npm包的命令发生变化 vue-cli ==> @vue/cli
• 生成的vue项目目录的命名改变，同时生成的目录结构，也隐藏了webpack配置文件

读取文件夹或者文件的信息