最近再研究nodejs,苦苦再選一款輕量級的編輯器,由于本人一直從事.net開發,雖然微軟推出了Visual Studio 開發node js的插件,而且用著也不錯,但是總感覺這個編輯器體量太大(一裝就是幾個G)!webstore是目前最受歡迎的Nodejs開發IDE之一。受歡迎的原因,當然是對于Nodejs IDE的集成開發環境,集項目創建、編輯、調試于一體,簡單的配置,強大的智能提示。因為前面說過我一直做.net開發,剛好微軟在2016年推出了vs code 一款輕量級的文本編輯器,可以編寫各種語言的程序并進行調試,為了熟悉這款編輯器方便后續的開發,所以這次選用了vs code作為這次開發的編輯器(盡管VScode看起來更像是Uedit、Noteplus等強大文件編輯器,但它也提供了可擴展的、強大的提示功能(特別是文件間js引用提示),以及內置Nodejs調試功能,讓它有別于一般的編輯工具。)!當然也跟微軟未來的戰略有關!
本文的前提是你已經安裝了vs code代碼編輯器和nodejs環境,如果沒有安裝,請自行下載安裝!
一、使用Express創建項目[這兩步都在dos 模式下執行]
1,安裝全局的Express!(已安裝請忽略)
npm install -g express
2,創建項目
創建項目(創建文件夾名稱ExpressApp)
express ExpressApp
小插曲:如果你習慣了Linux下的環境,你可以在自己電腦上安裝cmder(不知道是什么東西,請自行百度),這個命令行工具排版漂亮,不像微軟的dos 那么枯燥!我用的是Mini版本,如果你想體驗linux下的全部功能,可以下載full版本。
3,下載第三方包
(1)cmd命令行切換到項目目錄
cd d:/nodejs/ExpressApp
(2)根據需要編輯package.json,運行如下指令安裝第三方包
npm install
在項目目錄下node_modules可見安裝好的第三方包
ExpressApp
|– node_modules
(3)運行項目
npm start
輸出如下:
ExpressApp@0.0.0 start d:/Nodejs_Workspace/ExpressApp
node ./bin/www
注:npm start指令會自動執行node ./bin/www
在瀏覽器中輸入http://localhost:3000,可訪問Express歡迎頁面
二、使用VSCode開發Nodejs
1、VSCode打開Nodejs
code d:/nodejs/ExpressApp code.
注:在當前項目下創建ExpressApp.bat,輸入“code .”即可,下次直接此文件直接使用VSCode打開Nodejs項目
2、添加智能提示
VSCode打開Nodejs項目,默認是沒有智能提示。
(1)使用TypeScript Definition Manager(TSD)在項目中下載所需的tsd文件,VSCode中打開時有智能
全局安裝tsd(如已安裝忽略)
新聞熱點
疑難解答
圖片精選