Building a Typescript development environment on macOS

Building a Typescript development environment on macOS with NPM

There are two ways to build the TypeScript development environment, one using Visual Studio and the other using the npm package manager.

NodeJS Installation

NodeJS must be installed prior to using npm.
After installing NodeJS, run terminal and check whether nodeJS is properly installed using the node command.
lucidmaj7@Wonheeui-MacBookPro ~ % node --version

v12.16.0

lucidmaj7@Wonheeui-MacBookPro ~ %
Check if npm is running normally.
lucidmaj7@Wonheeui-MacBookPro ~ % npm



Usage: npm <command>



where <command> is one of:

access, adduser, audit, bin, bugs, c, cache, ci, cit,

clean-install, clean-install-test, completion, config,

create, ddp, dedupe, deprecate, dist-tag, docs, doctor,

edit, explore, fund, get, help, help-search, hook, i, init,

install, install-ci-test, install-test, it, link, list, ln,

login, logout, ls, org, outdated, owner, pack, ping, prefix,

profile, prune, publish, rb, rebuild, repo, restart, root,

run, run-script, s, se, search, set, shrinkwrap, star,

stars, start, stop, t, team, test, token, tst, un,

uninstall, unpublish, unstar, up, update, v, version, view,

whoami



npm <command> -h  quick help on <command>

npm -l  display full usage info

npm help <term> search for help on <term>

npm help npm  involved overview



Specify configs in the ini-formatted file:

/Users/lucidmaj7/.npmrc

or on the command line via: npm <command> --key value

Config info can be viewed via: npm help config



npm@6.13.4 /usr/local/lib/node_modules/npm

lucidmaj7@Wonheeui-MacBookPro ~ %
It seems to have worked well.

Installing Typescript using NPM

Typescript can be installed through the following command.
npm install -g typescript
But .. installation is not possible. ㅎ The
message that you do not have permission is displayed. Let's sudohit together to elevate .
sudo npm install -g typescript
You can see that it is installed normally.

Typescript example test

Let's test the Typescript example.
Create a tsfile in the appropriate place and enter the Typescript code below.
function sayHello(person: string) { 
    return  "Hello, " + person; 
}  
let user = "Jane User";  
document.body.textContent = sayHello(user);
tcsBuild the typescript code entered using the command.
% tsc test.ts
Then test.jsyou can see the file is created.
Now let's load it from the html file and run it on the web page.
<!DOCTYPE html>  
<html>  
<head><title>TypeScript sayHello</title></head>  
<body>  
    <script src="test.js"></script>  
</body>  
</html>
When I open it in the browser, it outputs as follows normally.
I built the Typescript development environment in macOS simply.

Reference

Comments

Post a Comment

Popular posts from this blog

Enabling Com Port on Hyper-V 2nd Generation VM / Windbg

Image
To test the UEFI boot environment, I created a second generation virtual machine in Hyper-V. And I had to configure the Com port to attach the kernel debugger.  However, the Com Port device was not visible in the 2nd generation Hyper-V VM.  Invisible Com port device Hyper-V 2nd generation VM must be assigned a pipe to the Com port to be visible in the device list. 1. VM termination First, shut down the VM before working. 2. Run as Powrshell administrator Detailed configuration of Hyper-V VM can be done through Powershell command.  Run Powershell with administrator privileges.  3. set-vmcomport  Run the following command to activate the com port. set -vmcomport -vmname [VM이름] -number [COM포트번호] [파이프이름] To check the COM port to which the pipe is assigned, execute the following command. get -vmcomport -vmname [VM이름] The following is an example of command execution.  https://docs.microsoft.com/en-us/powershell/module/hyper-v/set-vmcomport?view=win10-ps
Read more

DLL Injection using CreateRemoteThread in Windows 10

Image
DLL Injection using CreateRemoteThread One of the methods of DLL injection is to create a RemoteThread and load the desired DLL into the target process.  This is one of the simplest and most widely used methods.  CreateRemoteThread You can create a thread in another process using the API. CreateRemoteThread If you browse on MSDN, you'll see the following in Remarks: https://docs.microsoft.com/en-us/windows/win32/api/processthreadsapi/nf-processthreadsapi-createremotethread   CreateRemoteThread function (processthreadsapi.h)-Win32 apps Creates a thread that runs in the virtual address space of another process. docs.microsoft.com Terminal Services isolates each terminal session by design.  Therefore,  CreateRemoteThread  fails if the target process is in a different session than the calling process. In translation, Terminal Services Pros say that if the target process is running in a different session, it will fail because the session is specified and executed
Read more

Using Overlapped I / O in DeviceIoControl

Image
Using Overlapped I / O in DeviceIoControl Various methods can be used, such as  synchronizing with events and continuously receiving events through polling, to monitor the frequent events in the kernel driver one by one in user mode  . Scenario in question Imagine that you continue to receive events with relatively simple polling.  The kernel driver queues the event that occurred, and the user mode application issues the IOCTL to retrieve the contents of the queue.  In this type of logic, the user-mode application will  While execute the same loop as  DeviceIoControl and will continue to communicate with the driver by calling. while ( true ) { BOOL ret = DeviceIoControl(hDevice, IOCTL_RECV, &data, sizeof (DATA), 0 , 0 ,&dwReturn, NULL ); if (ret) { // 처리.. } } DeviceIoControl Blocking 발생 In the previously used logic,  DeviceIoControl blocking occurs  until an event occurs in the kernel driver  .  DeviceIoControl Blocking occurs in the user m
Read more