以Express套件初始化Node.js開發環境,在WebStorm上

環境初始化

1.安裝nvm:

a.首先從 nvm GitHub 這裡複製以下代碼讓終端機下載套件

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash

b.接著重啟終端機,安裝

nvm install 4.2.2

c.設定預設套件

nvm alias default 4.2.2

安裝各種套件

1.express:

npm install -g express-generator

2.bower:前端套件管理器

npm install -g bower

3.pm2:進程管理器

npm install -g pm2

專案初始化

1.透過express-generator帶less建立專案

express -e -c less [專案資料夾名稱]

-e:使用ejs
-c:宣告要用什麼CSS的編寫模式,預設就是原汁的CSS

2.安裝後端套件

到專案底下並且安裝所有相依套件

cd [專案資料夾]
npm install

如果要安裝樣版引擎:

npm install --save ejs-mate

3.安裝前端套件

初始化bower.json:紀錄相依性與已安裝套件

bower init

用bower安裝angular與bootstrap

bower install --save angular bootstrap

–save:會將安裝套件名稱與版本寫入bower.json,以便日後於其他機器中開發部署

4.啟動

用webstorm開啟

wstorm .

啟動

npm start