怎么搭建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/' //路径重写
•             }
•       }
• }