init vue
This commit is contained in:
70
blk_inventory_vue/README.md
Normal file
70
blk_inventory_vue/README.md
Normal file
@ -0,0 +1,70 @@
|
||||
# demo
|
||||
|
||||
## 文件目录说明
|
||||
|
||||
```ts
|
||||
├─README.md
|
||||
├─block.json 小组件元信息,npm run upload上传的时候,代码将上传到block.json中的blockTypeID对应的小组件(插件),更换其中的url可以更换npm run start预览时打开的多维表格
|
||||
├─jsconfig.json
|
||||
├─package.json
|
||||
├─src 组件
|
||||
| ├─App.vue 组件入口
|
||||
| ├─main.js 入口js文件
|
||||
| ├─locales 多语配置
|
||||
| | ├─en.json en语言配置
|
||||
| | ├─i18n.js 多语配置文件,默认启用中文和英文
|
||||
| | └zh.json zh语言配置
|
||||
| ├─components
|
||||
| | └Form.vue 代码示例
|
||||
| ├─assets
|
||||
| | └main.css 默认重制了一些css样式
|
||||
├─public
|
||||
| ├─favicon.ico 图标
|
||||
| └index.html 入口文件
|
||||
├─config
|
||||
| └webpack.config.js webpack配置文件
|
||||
```
|
||||
|
||||
## 国际化
|
||||
|
||||
本模板已内置国际化方案,你只需提供国际化的文案即可
|
||||
|
||||
1.在 src/locales 对应文件增加国际化文案,如在en.json中:
|
||||
|
||||
```json
|
||||
{
|
||||
"title": "title"
|
||||
}
|
||||
```
|
||||
|
||||
2.在代码中通过$t函数使用国际化key,如在App.vue中:
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<h1>{{$t('title')}}</h1>
|
||||
</template>
|
||||
```
|
||||
|
||||
## 安装依赖
|
||||
|
||||
```sh
|
||||
npm / yarn / pnpm install
|
||||
```
|
||||
|
||||
## 启动
|
||||
|
||||
```sh
|
||||
npm run dev
|
||||
```
|
||||
|
||||
## 打包
|
||||
|
||||
```sh
|
||||
npm run build
|
||||
```
|
||||
|
||||
## 发布
|
||||
|
||||
```sh
|
||||
npm run upload
|
||||
```
|
Reference in New Issue
Block a user