天天看點

《Node.JS學習—上篇》Visual Studio Code的使用—如何建立基本的Node.js + Express 應用

一、建立Express的項目

最近學習了一點點node.js,參與寫了一下公司小程式的抽獎活動相關的接口,俺也是一個會寫接口的移動端開發工程師了,哈哈,在此分享一下自己的學習經驗,供初學者參考。

前提:

(1)安裝了node.js 。 需要了解:

npm介紹及常見指令

(2)Visual Studio Code的環境:

下載下傳VS Code安裝包

,解壓即可。可以參考:

現在開始使用 Visual Studio Code

(3)參照

Express

,建立一個基本的Express應用。

以下為用到的指令(以下指令的執行前提必須是已經安裝了node.js):

npm install express-generator -g

express myexpressapp

cd myexpressapp

npm install

npm start
           
《Node.JS學習—上篇》Visual Studio Code的使用—如何建立基本的Node.js + Express 應用

image.png

《Node.JS學習—上篇》Visual Studio Code的使用—如何建立基本的Node.js + Express 應用
《Node.JS學習—上篇》Visual Studio Code的使用—如何建立基本的Node.js + Express 應用

二、VS Code配置Git,實作代碼管理

1.配置git.path

打開vscode,然後 檔案 > 首選項 > 設定 ,然後添加 "git.path"鍵,值為Git目錄下cmd下的git.exe檔案。

如: "git.path":"D:/Git/cmd/git.exe",儲存重新開機vs code。

《Node.JS學習—上篇》Visual Studio Code的使用—如何建立基本的Node.js + Express 應用
《Node.JS學習—上篇》Visual Studio Code的使用—如何建立基本的Node.js + Express 應用

2.送出代碼

進入你的項目目錄

cd d:/wamp/www/wap              //首先指定到你的項目目錄下
git init
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/youtname/vscode.git   
//用你倉庫的url,vscode.git中vscode為倉庫名稱,使用時必須先建立
git push -u origin master  //送出到你的倉庫
           
VS Code連接配接Gitlab,輕松開發web前端應用 送出時可能遇到的問題解決辦法

--

繼續閱讀