asp网站用什么做,中国菲律宾引渡,上海网站建设运营站霸网络,宝安营销型网站设计从安装Node到TypeScript到VsCode的配置教程 1.下载Node安装包#xff0c; 链接 2.双击安装包#xff0c;选择安装路径#xff0c;如下#xff1a; 3.一直点击下一步#xff0c;直至安装结束即可#xff1a; 这个时候#xff0c;node会默认配置好环境变量#xff0c;并且… 从安装Node到TypeScript到VsCode的配置教程 1.下载Node安装包 链接 2.双击安装包选择安装路径如下 3.一直点击下一步直至安装结束即可 这个时候node会默认配置好环境变量并且可以在命令行中检查安装的版本以及npm的版本如下图 4.下载安装VsCode 链接下载后安装一路默认选项即可如下图 5.安装VsCode中文简体语言包如下 安装完成后重启VsCode后就可以将语言切换成中文了。 6.安装TypeScript打开VsCode打开终端如下 首先给npm设置资源安装库的地址如下 地址一https://registry.npm.taobao.org/typescript 地址二https://registry.npmmirror.com 如果使用该地址报了以下错误
npm error request to https://registry.npm.taobao.org/typescript failed, reason: certificate has expired则需要切换别的库地址命令如下
设置npm config set registry https://registry.npmmirror.com
查看npm config get registry安装TypeScript命令如下:
npm install typescript -g安装完成后查看ts安装版本报错如下 处理起来也很简单找到windows power shell以管理员身份打开输入以下命令
set-ExecutionPolicy Remotesigned如下图 测试一下创建一个HelloWord.ts代码如下
interface Poit {x: number;y: number;}function tsDemo(data: Poit) {console.log(123);return data.x data.y;}tsDemo({ x: 1, y: 2 });此时需要安装 ts-node命令如下 npm i -g ts-node 然后在VsCode终端中输入以下命令运行HelloWord.ts如下 ts-node HelloWord.ts输出结果为123 插播一下如果操作了上述还不行的话那就得去查看一下node的这两个文件夹安装在了哪里如下 找到这个路径如下 D:\Program Files\nodejs\node_global D:\Program Files\nodejs\node_cahce 将以上两个路径配置到环境变量中即可当然需要给用户级别的和系统级别的Path都要配置如下
7.接着给VsCode安装yarn如下 npm install -g yarn 安装成功后在终端编译项目时可能会报错如下 yarn serve 此时可以看出是webpack没有安装使用如下命令 npm install webpack -g yarn add -D webpack-cli //webpack-cli 脚手架 安装完成后再执行 yarn serve就可以正常编译项目代码了如下 结束。
