# zheye

**Repository Path**: joe-blue/zheye

## Basic Information

- **Project Name**: zheye
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-21
- **Last Updated**: 2021-09-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# zheye

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### Lints and fixes files

```
npm run lint
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

### 项目流程

npm install -g @vue/cli // // 安装
// OR
yarn global add @vue/cli

vue --version // 保证 vue cli 版本在 4.5.0 以上

npm install -g typescript // 安装 Typescript

tsc fileName.ts // 编译 ts 文件
node fileName.js // 运行编译后 ts 文件
Or
npm install -g ts-node
ts-node fileName.ts // 直接运行 ts 文件

tsc -v // 查看 tsc 版本

vue create zheye

Please pick a preset - 选择 Manually select features
Check the features needed for your project - 多选择上 TypeScript，特别注意点空格是选择，点回车是下一步
Choose a version of Vue.js that you want to start the project with - 选择 3.x (Preview)
Use class-style component syntax - 输入 n，回车
Use Babel alongside TypeScript - 输入 n，回车
Pick a linter / formatter config - 选择 ESLint + Standard config
Pick additional lint features - 直接回车
Where do you prefer placing config for Babel, ESLint, etc.? - 直接回车
Save this as a preset for future projects? - 输入 n，回车
OR
vue ui

npm install bootstrap@next --save // 安装最新版的 Bootstrap

// 在 template 模板中自动分析和补全 typescript 语法
vscode 编辑器 vetur 插件->设置->扩展设置->用户(在 settings.json 中编辑) 添加 "vetur.experimental.templateInterpolationService": true

# 安装第三方库事件监听器 github mitt https://github.com/developit/mitt

npm install --save mitt

# 安装路由

npm install vue-router@4 --save

# 安装 vuex 后重启

npm install vuex@next --save
npm uninstall vuex // 卸载

# 安装 axios

npm install axios --save

# 当 PostList 子组件未渲染时加上 key 和一个变化的值

<post-list :list="list" :key="list"></post-list>

# 文章详情

npm install markdown-it --save
npm install @types/markdown-it --save // typescript
// 重启

# 打包

npm run build

# 远程拷贝到服务器

sh ./depoly.sh // 运行脚本文件