创建与使用 store

安装 vuex：在 package.json 的 dependencies 添加 “vuex”: “^4.0.0-0”，然后执行 npm i 。
新建文件 app/app.store.ts：

创建 vue 应用的路由器

路由可以让用户在访问某个特定地址的时候，显示应用里的某一个特定的组件。在 vue 中使用路由的时候需要安装一个包，在 package.json 中的 dependencies 里可以添加一个依赖 “vue-router”:”^4.0.0-0”

组件

定义与使用 vue 组件

组件就是应用里面一块可以重复使用的界面。
定义一个组件：

1
2
3

<template>
  <button>按钮</button>
</template>

表单元素

文本框 text：
文本框可以加个 v-model 属性，绑定 content，在修改文本框的时候也会自动修改 content，这叫做双向绑定。

组件数据

1
2
3
4
5

data() {
   return {
     name: 'nihao~',
   };
 },

准备开发环境与工具(vscode、git、node、npm、yarn)

vscode：安装插件：

创建 deploy

在项目中创建 deploy 分支

定义编译命令

在项目目录中：

概念

应用正式运行的地方叫做生产环境。如果使用 node 开发了服务端应用，在生产环境上面需要支持运行 node 应用，要提供应用需要的数据仓库服务。应用的生产环境可以在一台服务器上搭建，也可以使用多台服务器共同创建，比如可以在一台服务器上安装配置 node，在另一台服务器上搭建数据仓库服务，还可以再找一台服务器提供反向代理服务，这些东西也可以同时在一台服务器上。

centOS

服务器一般都会选择 linux 类型的操作系统，这是一个开源的操作系统，有很多发行的版本，比如 contOS，不同的发行版本都有各自的一些特点。下面会在这个系统的基础上学习一些东西。

概念

在开发应用的时候无论是我们写的函数或定义的应用接口，在做这些东西的时候我们多少都会做一些手工的测试，比如确定函数是否做了它该做的事情，是否返回了正确的值，接口是否按照我们当初设计的那样去提供服务。应用会越来越复杂，功能也会越来越多，也会随时发生变化，这会导致之前正常运行的功能会出现一些问题，手工测试会越来越麻烦。所以需要引入自动化测试，也就是把之前手工地测试函数，请求应用接口，人工地去观察结果这些动作全部用代码的形式来表达出来。这样来测试应用是否能正常运转的时候，只需要运行这些测试代码就可以了，最终会给我们测试结果，哪里出了问题就会在结果里显示。