vue cli 脚手架搭建

• 1- 安装
  • npm install -g vue-cli
  • vue init webpack vue_demo(自定义项目名称)
  • cd vue_demo 切换到项目目录中
  • npm run dev 启动项目
  • 更高版本 版本升级后
    • 解决问题方式1：
      • 卸载原有的 vue-cli 2.9.6 npm uninstall vue-cli
      • 安装高版本的 vue-cli 5.0.1 npm install @vue/cli
    • 解决问题方式2：
      • 直接升级vue-cli 版本 npm update -g @vue/cli
• 2- 项目结构说明
  • |---node_moudule == 项目中安装的依赖模块
  • |---src == 源码位置 开发目录
  • |---main.js == 打包编译的入口文件
  • |---App.vue == 项目页面入口文件、vue组件
  • |---components == 当前项目的公共子组件目录
  • |---views == 路由组件 -- 当前项目的其他组件
  • |---assets == 资源文件夹 一般放一些静态资源
  • |---router == 当前项目的路由文件
  • |---store == 当前项目的状态文件
  • |---public == 纯静态资源
  • |---index.html == 入口模块文件
  • |---babel.config.js == babel配置文件
  • |---gitnore == 用来过滤一些版本控制的文件
  • |---package.json == 项目文件，记载一些命令和依赖还有简要的项目描述信息
  • |---README.md == 介绍自己项目 ，可参照github 中star多的项目
  • |---vue.config.js == vue实例配置文件