vue手脚架

Vue构建

• 手脚架
• 项目结构
  • node_modules 库，绝对不会动他，如果将项目传给别人，这个目录不要传递，目录删掉就可以
  • public 起始页，通用资源， 前期也不需要做任何改动
  • src 写代码
    • assets
      • 预置资源
      • 和静态有点像
    • components
      • 组件
    • router
      • 路由
      • 页面之间自己可以管理跳转
    • store
      • vuex
    • views
      • 和组件很像
    • App.vue
      • 根Vue
    • main.js
      • 代码入口
  • .browserslistrc 不要动
  • .eslintrc.js 不要动
  • .gitignore 不要动
  • babel.config.js 不要动
  • package.json 存在可用脚本，如果终端指令的话 也不需要动
  • package-lock.json 不要动
  • README.md 项目使用指导文档
  • vue.config.js 不要动
• 总结
  • Vue文件
    • HTML
    • JavaScript
    • Style

Vue工程，未添加Vuex

• node_modules 别动
• babel.config.js 别动
• package-lock.json 别动
• .gitignore 可以适当修改版本忽略文件
• README.md 说明文件，可以改
• package.json 前期不需要懂，管理配置整个工程的
• public 共用资源 index.html
• src 开发目录
  • assets
    • 预置资源
  • components
    • 组件
    • vue
  • router
    • 路由
  • views
    • 视图
    • vue
  • App.vue
    • 根视图
  • main.js
    • 程序入口

以后工作最常用的目录

• src/views
  • xxx.vue
    • template
      • HTML
    • script
      • JS
    • style
      • CSS