window下初始化vue、express、koa2项目

本文介绍了在Windows操作系统下如何初始化Vue、Express和Koa2项目。首先,详细讲解了Vue项目的创建与运行步骤,包括Node和npm的安装、vue-cli的使用。接着,演示了利用express-generator快速创建Express项目并启动服务的过程。随后,介绍如何用koa-generator生成Koa2项目,并启动项目。最后,提到了在后端接口简单时使用Mock数据的方法,特别指出在webpack-dev-conf.js中配置Mock接口。
摘要由CSDN通过智能技术生成

一、前端:

1. 安装node(集成了npm)

在官网下载,然后安装,通过node -v和npm -v测试是否安装成功

2. 全局安装vue-cli

$ npm install -g vue-cli
// vue-cli 3之后的版本
$ npm install -g @vue/cli

查看vue-cli版本:

$ vue --version   
// 或
$ vue -V

3. 在指定的文件下初始化一个项目

$ vue init 模板类型 项目名称;
$ vue init webpack projectName(会下载包括webpack在内的依赖库)

4. 在项目文件下执行npm run dev运行项目,然后打开http://localhost:8080

二、初始化express项目:(在接口比较复杂的时候使用)

1. 使用express-generator快速创建一个express框架,全局安装express generator生成器:

$ npm i –g express-generator
$ express --version
$ express -help

2. 在你的工作目录下,基于生成器生成项目

$ express server
// 初始化为ejs模板引擎
$ express -e server

3. 安装依赖库

$ cd server
$ npm install

4. 在IDE的终端或者计算机的终端, cd到项目中的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值