mkdir foldName 命令行新建文件夹
如何搭建TypeScript环境:
在线网页版编辑器地址:https://www.typescriptlang.org/,选择Playground进入在线编辑区。
npm构建包环境:
1)先创建一个空文件
2)打开vscode,打开刚创建的空文件
3)终端中输入:npm init,之后一直回车,则会创建出一个package.json文件
4)新建src文件夹,在该文件中新建index.ts文件
5)全局安装typescript:终端输入命令---npm i typescript -g
6) 查看是否安装和查看版本:tsc -v
7)输入tsc --init 自动创建出tsconfig.json配置文件
8)在配置文件中输入调试运行语句:"build":"tsc"
9) 终端中输入npm run build
构建前端项目
1)打开cmd,进入想要创建前端项目地址,输入命令:npm create vite@latest
2)选择是否创建,输入:y
3) 输入创建的文件名
4)选择语言:vue
5) 选个脚本语言: typescript
6) 创建成功,根据提示,进入项目目录下,输入:npm install安装依赖,输入:npm run dev运行成功打开网址即可
在线学习Typescript 的网站:
TS 官方网:https://www.typescriptlang.org/
导航菜单选择-> Playground 即可在线开发学习。
npm 搭建适合TS 开发环境:
1. npm init 初始化前端开发环境 2. npm i typescript -g 全局安装TS 3. tsc --init 生成初始化TS 配置文件 4. package.json 文件,添加 scripts 命令:`"build": "tsc"` 5. tsconfig.json 文件,修改 `"outDir": "编译后生成js 的存放位置"`