网站开发vue版本是什么新闻头条今日要闻

1、npm 初始化

npm init -y

• 生成 package.json 文件，记录项目的依赖

2、git 初始化

git init

• 生成 .git 隐藏文件夹，.git 的本地仓库
• 创建 .gitignore 文件，添加不提交文件的名称

3、创建 ReadMe.md 文件

• 记录项目笔记

4、搭建项目

• 安装 Koa 框架

npm install koa

5、编写最基本的 app

• 在项目根目录创建 src 文件夹，并文件夹中创建 main.js 文件，文件内容如下：

// 导入包
const Koa = require("koa");// 端口
const post = 3000;// 实例化对象
const app = new Koa();// 中间件
app.use((ctx, next) => {ctx.body = "hello world";
});// 监听端口
app.listen(post, () => {console.log("server is running on http://localhost:3000");
});

• 启动方法

node src/main.js

6、自动重启服务

• 使用 nodemon 工具
• 安装

npm install nodemon -D

• 修改项目启动脚本
  • 修改 package.json 文件中的 scripts 节点，添加如下代码：

"scripts":{"serve":"nodemon ./src/main.js"
}

• 然后项目启动方法为：

npm run serve

7、读取配置文件

• 安装 dotenv ，读取根目录中的 .env 文件，将配置写 process.env 中

npm install dotenv

• 在项目根目录下创建 .env 的配置文件，代码如下：

APP_PORT = 8000; // 8000 端口

• 在项目根目录 src 下创建 config 文件夹，并文件夹中创建 config.default.js 文件，内容如下：

const dotenv = require("dotenv")