Get Adobe Flash player

วิธีการใช้ Node.js และ Git เพื่อทำการติดตั้ง bower, typescript, tsd และใช้ bower ติดตั้ง bootstrap, AngularJS

ขั้นตอนการติดตั้งจะต้องติดตั้ง Node.js ก่อนเพื่อใช้คำสั่ง npm ติดตั้ง bower หลังจากนั้นติดตั้ง Git เพื่อให้สามารถใช้งาน bower ติดตั้งไฟล์ลงใน path ที่ต้องการได้ หลังจากนั้นใช้คำสั่ง bower เพื่อติดตั้ง bootstarp,AngularJS ลง Proejct ได้

STEP 1 จะต้องติดตั้ง node.js ก่อน เพราะจะต้องใช้คำสั่ง npm เพื่อทำการติดตั้ง bower, typescript, tsd ฯลฯ

1) ติดตั้ง node.js จากเว็บ https://nodejs.org/en/

mvc1

 

หลังจากนั้นให้ทำการ install Node.js ตั้วล่าสุดลงไป

2) เมื่อลง Node.js ให้เปิด CMD ขึ้นมาเพื่อทำการสั่งให้ Node.js ทำการ install package ที่ต้องการใช้งานดังนี้

ติดตั้ง bower ใช้คำสั่ง npm install -g bower

 

mvc2

 

 

ติดตั้ง typescript (ไม่ใช้ก็ได้) ใช้คำสั่ง npm install -g typescript

mvc3

 

ติดตั้ง tsd ใช้คำสั่ง npm install -g tsd 

mvc4

 

STEP 2 ติดตั้ง Git โดยเข้าไปโหลดตัวติดตั้งได้ที่ https://git-scm.com/ หลังจากนั้นให้ install

mvc6

หลังจากนั้นให้กด next ไปเรื่อยๆ

mvc7

หลังจากนั้นให้กด next ไปเรื่อยๆ  จนพบหน้า Adjust PATH environment

mvc8

ในหัวข้อ Configuring the line ending conversion

mvc9

ในหัวข้อ Configuring the terminal emulator to use with Git Bash

mvc10

STEP 3 หลังจากนั้นเราจะใช้ bower สำหรับ install bootstrap และ AngularJS ลงใน folder project ของเรา

อันดับแรกให้สร้าง folder project ขี้นมาก่อนให้เปิด visual studio -> new project asp.net empty และกำหนดชื่อ project แล้วกด ok จะได้โปรเจ็คดังภาพด้านล่าง และต้องใช้ part สำหรับติดตั้ง bootstrap กับ AngularJS

mvc5

เปิด CMD ขึ้นมาแล้วพิมพ์ bower install bootstrap AngularJS ลงไป

mvc11

หลังจากนั้น bower จะทำการลงไฟล์ที่ต้องการใช้ในโปรเจ็คของเราตาม path ที่ประกาศไว้

mvc12

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *