1. 程式人生 > >如何在vscode 中配置:TypeScript開發node環境

如何在vscode 中配置:TypeScript開發node環境

配置專案

建立package.json

建一個目錄的資料夾,起一個你喜歡的名字。

node專案嘛,當然要先建立一個package.json

?
1 npm init

跟著提示下一步就好了。

建立 tsconfig.json

typescript 的專案都需要一個tsconfig.json

?
1 tsc --init

會建立一個這樣內容的tsconfig.json

?
1 2 3 4 5 6 7 8 9 10 11 12 { "compilerOptions": { "module": "commonjs", "target": "es5", "noImplicitAny": false, "sourceMap": false }, "exclude": [ "node_modules" ] }

因為寫node.js你可以修改tagget為es6, 要除錯把 sourceMap改為true, 新增allowjs為true,就可以ts和js混合玩了.

?
1 2 3 4 5 6 7 8 9 10 11 12 { "compilerOptions": { "module"

相關推薦

如何在vscode 配置TypeScript開發node環境

配置專案 建立package.json 建一個目錄的資料夾,起一個你喜歡的名字。 node專案嘛,當然要先建立一個package.json ? 1 npm init

如何在VScode配置Python的互動式環境

vscode除錯python是可以控制檯互動的 1. 下載vscode的擴充套件“Python” 2. 檢視一下這個擴充套件的官方說明DonJayamanne/pythonVSCode 3. 按照說明在除錯的時候選擇 Integrated Terminal/Console 4.

如何在VSCode配置python環境

在應用商店搜尋python,安裝python外掛,重新載入vscode。 配置flake8 安裝flake8之後寫程式碼的時候編輯器就會提示哪裡出錯,程式碼格式不規範也會提示。 步驟為: 開啟命令列 輸入 "pip install flake

Sublime Text3配置python3的開發環境

 Sublime Text 作為一款支援多種語言的文字編輯神器,為大多數開發人員喜愛,下面通過簡單的配置就可以讓Sublime Text 3勝任Python3的開發工作。 操作步驟如下: 1、點選Tools—Build System——New Build Systen &

react-native系列(4)入門篇VSCode配置ESLint(程式碼檢測工具)

ESLint是一套javascript程式碼檢測工具。要記住,程式碼也是寫給人看的,所以一定要注意程式碼的編寫規範。ESLint可以根據自己設定的規則實現對程式碼的檢測,從而規範了程式碼的風格。本篇內容主要介紹如何在VSCode中使用ESLint。 ESLint的官網地址是:https://

詳細介紹在windows系統配置 cocos2d-x 開發環境及簡單使用(VS2012+Cocos2d-x 3.0rc1)

下面這篇文章純粹是為了入門新手,快速在windows中配置 cocos2dx 的開發環境,快速入門。 配置環境:win8 + VS2012 + Cocos2d-x 3.0rc1(當前最新)。 配置最終效果:藉助 Visual Assist X 實現VS2012 非凡的程式碼

如何在VS2013配置一個DirectX開發環境

如何在VS中配置一個DirectX的開發環境呢? 1.從網上下載DirectX SDK並安裝 2.在VS中新建一個WIN32專案(ps:以後開發就是這個視窗) 3.開啟專案屬性:VC++目錄 配置包含目錄: C:\Program Files %28x86%29\Micros

vscode配置python環境

1.安裝vscode和python3.7(安裝路徑在:E:\Python\Python37); 2.開啟vscode,在左下角點選設定圖示選擇setting,搜尋python path,在該路徑下選擇python的安裝路徑(E:\Python\Python37),如下圖; 3.在本地新建一個資料夾,在

VScode配置C++執行環境

[TOC](目錄) # VScode中配置C++執行環境 關於安裝mingw的教程,網路上已經有很多了,這裡不再贅述,下面就看VScode中外掛(plugin)的安裝。 ## 1. 哪些外掛 ![plugins](https://img-blog.csdnimg.cn/20210103131252882.

使用typescript開發node(1)

TypeScript 是微軟開發的 JavaScript 的超集,TypeScript相容JavaScript,可以載入JavaScript程式碼然後執行。TS宣告變數可以新增型別, 如 let num: number = 0;  這裡就不詳細介紹,  TS的一些特性, 

typescript開發node對資料庫層的封裝

1、基本封裝 import * as mysql from 'mysql'; /** * 封裝一個數據庫連線的方法 * @param {string} sql SQL語句 * @param

linux環境vscode C/C++編譯及除錯環境的搭建

0.確定安裝了GCC,沒有安裝的話sudo apt-get install gcc1.下載vscode並安裝,建議deb包2.開啟vscode,安裝擴充套件外掛,其中C/C++為必裝,提供C/C++支援Code Runner必裝,提供編譯後程序的執行環境C/C++ Snipp

如何在vscode配置ESLint

1、首先我們需要安裝ESLint,我使用的是在全域性中安裝,在命令列中輸入:npm i eslint -g //先全域性安裝eslint cd yourpath //進入你的檔案目錄 eslint --init //初始化eslint2、這樣,我們就在我

環境配置Sublime text3 個人環境配置

SublimeREPL + Anaconda 設定Anaconda的路徑 Preferences –> Package Settings –> SublimeREPL –> Settings-User {"default_extend_e

如何在IDEA配置tomcat——搭建web執行環境

近期在著手開發一個簡單的雲盤專案,於是就打算在IDEA中配置一下完整的專案環境,包括web環境和mysql資料庫。本篇部落格只將web環境的配置 一、安裝tomcat 二、在IDEA中配置tomcat 1.新建一個專案 2.勾選JavaEnterprise--

code::Blocks 配置android x86的編譯環境

之前是android arm 的編譯環境,現需改為android x86的環境 1. Project-->build options, 選擇android平臺,selected compiler 選擇 GNU GCC Compiler,之前arm環境選的是 GNU G

VSCode配置Eslint格式化

default class options ont editor con lan enc 設置 在VSCode中配置Eslint 格式化時使代碼保持Eslint語法規範 安裝Eslint以及prettier美化插件 在VSCode配置設置項中添加如下代碼 {

vscode配置LeetCode外掛,從此愉快地刷題

大家好,今早在B站看到up主的vscode裡藏了leetcode外掛,這才知道原來還有這款神器。但是沒想到在用的時候遇到了一些麻煩,花了一點時間才解決。所以寫這篇文章除了給大家安利這個好用的外掛之外,也是為了幫助更多的同學避免踩坑。 簡介vscode vscode在工業界鼎鼎大名,被譽為微軟少有的拿得出手的精

Maven 教程IDEA開發環境maven 專案配置JDK9,JDK10,JDK11,JDK12..等EA版本的配置方法 系列教程一

在Maven中配置使用的JDK,一般有兩種方法,筆者會對如下的兩種方法進行 分別的介紹。 筆者就以JDK10作為介紹,其他正常的JDK版本的配置也是一樣的。這裡使用JDK10 只是為了作一個通用的示範,使得大家舉一反三。後面會貼出其他版本的配置資訊。供大家拷貝

sublime配置node測試環境

輸出 pre function 文件中 div 創建 logs source 默認 1、工具(tools)-> 編譯系統(build system) -> 編譯新系統(new build system) 創建 node.sublime-build文件   清除默