怎麼搭建node項目

先安裝好node、cnpm

本文將基於egg      vue框架上搭建node項目：   egg    vue

 

準備工作完成以後我們開始走起

 

來到官網你會看到下圖：

 

一：如果你電腦上沒安裝過egg那麼從第一個命令開始，這個安轉是全局的

 

 

$ npm i egg-init -g

 

下圖是我的安轉

 

 

二：利用egg腳手架搭建項目

 

$ egg-init egg-example --type=simple

上面egg-example爲你要建的項目名

 

下圖爲我新建過程

 

新建號了以後你的工作目錄就會出現一個node項目，結構如下：

 

子目錄：

 

後臺就基本上搭好了，下載架包

 

$ cd egg-example
$ cnpm i

 

 

啓動項目

$ npm run dev
$ open localhost:7001

 

 

後臺搭建完畢，繼續走起前臺

在剛剛搭建好的子目錄cmd，去vue官網，如圖

 

一：安裝vue腳手架

 

# 全局安裝 vue-cli
$ cnpm install --global vue-cli

 

 

全局安裝ok

 

 

二：利用腳手架搭建前端項目

去到剛剛新建的node項目子目錄cmd

 

# 創建一個基於 webpack 模板的新項目
$ vue init webpack my-project

 

my-project爲項目名：創建過程

yes、no的選擇儘量如上

 

 

 

# 安裝依賴，走你
$ cd my-project
$ cnpm i
$ npm run dev

 

 

 

到此一個擁有前後端的node項目搭建ok了

 

前端跨域配置——config/index,js文件裏的 dev下的proxyTable

• proxyTable: {
•        '/': {
•              //使用"/api"來代替"http://f.apiplus.c"
•              target: 'http://127.0.0.1:7001/', //源地址
•              changeOrigin: true, //改變源
•              pathRewrite: {
•                  '^/': 'http://127.0.0.1:7001/' //路徑重寫
•             }
•       }
• }