win10 安裝docker自己百度

docker安裝postgresql：

docker run -v $PWD/blog-data:/var/lib/postgresql/data -p 5432:5432 -e POSTGRES_USER=blog -e POSTGRES_HOST_AUTH_METHOD=trust -d postgres:12.2
查看：docker ps
啟動：docker exec -it 362 bash
查看：psql -U blog
查看庫：\l
鏈接：\c
查看表：\dt

創(chuàng)建數(shù)據(jù)庫：課程簡介里粘貼
CREATE DATABASE blog_development ENCODING 'UTF8' LC_COLLATE 'en_US.utf8' LC_CTYPE 'en_US.utf8';
惶凝，先復制到記事本吼虎，這樣不會粘貼到回車 xxx是名稱改為blog_development
再創(chuàng)建 blog_test、blog_production

安裝typeORM：官網(wǎng)下載
看說明安裝配置等苍鲜。思灰。
使用typeorm： npx typeorm init --database postgres 或者 ./node_modules/.bin/typeorm代替npx
git reset --hard HEAD 回到提交的上一步
git checkout HEAD -- .gitignore //撤銷到提交的上一步單個文件
git checkout HEAD -- package.json
git checkout HEAD -- tsconfig.json
ormconfig.json username：“blog" database:"blog_development"

image.png

user.ts報錯可以暫時去掉tscongi中的嚴格模式
index.ts去掉 import{User}...
index.ts:
console.log(connection)
connection.close()

image.png

yarn add @bable/cli
看課程簡介
"plugins":[
[
"@babel/plugin-proposal-decorators",
{
"legacy":true
}
]
]

node dist/index.js 報錯user.ts
ormconfig.json entities "dist/entity/*/.js"

node dist/index.js ColumnTypeUndefinedError: Column type for User#firstName...
刪除 entity/User.ts entity/User.js
再執(zhí)行 node dist/index.js
其實是User類型報錯，給User里的字段添加類型就行了

image.png

重新編譯js npx babel ./src --out-dir dist --extensions ".ts,.tsx"
再次運行 node dist/index.js

工作流總結(jié)：

步驟：
1.統(tǒng)一讓Next.js 和TypeORM使用babel翻譯TS
2.每次修改src的TS代碼后混滔，翻譯為dist里的JS
3.使用node運行dist里的JS洒疚，執(zhí)行TypeORM任務
4.也可以使用Next.js 執(zhí)行TypeORM任務（后面再講）

image.png

ormconfig synchronize ture=>false 是否自動根據(jù)entity目錄創(chuàng)建表 打開容易造成數(shù)據(jù)丟失

docker ps
docker exec -it *** bash
psql -U blog
\c blog_development
\dt
drop table 表名 都刪掉
npx typeorm migration:create -n CreatePost

打開新建的 CreatePost.ts
//升級數(shù)據(jù)庫
await queryRunner.createTable(new Table(
{
name:'posts',
columns:[{name:'id',type:'init',isPrimaty:true,isGenerated:true,generationStrategy:'increment'}]//主鍵，自動創(chuàng)建 坯屿， 自增長
}油湖，{
name:'title,type:'varchar'
},{
name:'content',type:'text',
}

))

//降級數(shù)據(jù)庫

await queryRunner.dropTable('post');

ormconfig.json 里migrations與subscribers記得都改成 dist... .js

“typeorm:build”:"babel -w ./src --out-dir dist --extensions .ts,.tsx"
yarn typeorm:build
同樣："migration:run":"typeorm migration:run"
"migration:revert":"typeorm

package.json 添加 -w會時刻保持準備編譯

一個窗口運行兩個命令，如果是linux或者mac直接&就可以领跛，如果是windows：
yarn add --dev concurrently
package.json
"dev": "concurrently "next dev" "babel -w ./src --out-dir dist --extensions .ts,.tsx" ",

添加數(shù)據(jù)：
“entity:create”:"typeorm entity:create"
yarn entity:create -n Post

image.png

typeorm.io官網(wǎng)

image.png

index.ts rename seed.ts

image.png

image.png

image.png

image.png

yarn migration:revert
yarn migration:run
node dist/seed.js 報錯：title不能為空

image.png

image.png