• 前端vue框架上手记录


    ---恢复内容开始---

    Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:

    • 通过 @vue/cli 搭建交互式的项目脚手架。
    • 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。
    • 一个运行时依赖 (@vue/cli-service),该依赖:
      • 可升级;
      • 基于 webpack 构建,并带有合理的默认配置;
      • 可以通过项目内的配置文件进行配置;
      • 可以通过插件进行扩展。
    • 一个丰富的官方插件集合,集成了前端生态中最好的工具。
    • 一套完全图形化的创建和管理 Vue.js 项目的用户界面。

    Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject。

    =================================================================================================================================================

    首先查阅了菜鸟教程,安装了node和npm,学习了

    https://cli.vuejs.org/zh/guide/

    此网站上的教程,下载了@vue/cli,进行快速原型开发。

    其中有一个包含一些基于vue开源项目参考的网页

    https://www.jianshu.com/p/67dab37fd7f7

    ==================================================================================================================================================

    构建完成一个模板project后,目录为

    .
    ├── build/                      # webpack配置文件
    │   └── ...
    ├── config/
    │   ├── index.js                # 主要项目配置
    │   └── ...
    ├── src/
    │   ├── main.js                 # 应用入口文件
    │   ├── App.vue                 # 主应用程序组件
    │   ├── components/             # ui组件
    │   │   └── ...
    │   └── assets/                 # 模块资源(由webpack处理)
    │       └── ...
    ├── static/                     # 纯静态资源(直接复制)
    ├── test/
    │   └── unit/                   # 单元测试
    │   │   ├── specs/              # 测试spec文件
    │   │   ├── index.js            # 测试构建条目文件
    │   │   └── karma.conf.js       # 测试跑步者配置文件
    │   └── e2e/                    # e2e测试
    │   │   ├── specs/              # 测试spec文件
    │   │   ├── custom-assertions/  # e2e测试的自定义断言
    │   │   ├── runner.js           # 测试跑步脚本
    │   │   └── nightwatch.conf.js  # 测试跑步者配置文件
    ├── .babelrc                    # babel 配置
    ├── .postcssrc.js               # postcss 配置
    ├── .eslintrc.js                # eslint 配置
    ├── .editorconfig               # editor 配置
    ├── index.html                  # index.html模板
    └── package.json                # 构建脚本和依赖关系
    

      

    ---恢复内容结束---

  • 相关阅读:
    bzoj4358: permu
    bzoj4636: 蒟蒻的数列
    bzoj4229: 选择
    bzoj4561: [JLoi2016]圆的异或并
    bzoj2618: [Cqoi2006]凸多边形
    bzoj1803: Spoj1487 Query on a tree III
    bzoj2467: [中山市选2010]生成树
    PostgreSQL服务器存储参数的内部查看方法和实际表述之间的关系
    PostgreSQL 系统表
    PostgreSQL环境中查看SQL执行计划示例
  • 原文地址:https://www.cnblogs.com/yueyiviolet/p/10698081.html
Copyright © 2020-2023  润新知