全棧初始構建指令vue+express

依賴express框架的node後端


1.安裝生成器

$ npm install express-generator -g

2.創建名稱爲APP的應用:

$ express app

3.安裝依賴包

$ cd  app  進入app目錄
$ npm run install 安裝依賴包

生成 package.json 文件

4、啓動應用

$ npm start

5、在瀏覽器中使用 localhost:3000訪問

默認的端口就是3000
更改端口:
路徑:app/bin/www

var port = normalizePort(process.env.PORT || '3000');

依賴vue框架的前端


1、安裝webpack:使用npm全局安裝webpack

npm install webpack -g
webpack -v 即可查看當前安裝版本,出現版本號說明安裝成功

2、全局安裝vue-cli:

npm install --global vue-cli
vue -V 查看當前版本號

3、建立新項目

vue init webpack vue-cli-test 

然後你就可以愉快的寫代碼了!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章