新县城乡规划建设局网站关于色彩搭配的网站

1. 前端工程化

2. webpack的基本使用

2.1 创建列表隔行变色项目

初始化项目
① 新建项目空白目录，并运行 npm init –y 命令，初始化包管理配置文件 package.json
② 新建 src 源代码目录
③ 新建 src -> index.html 首页和 src -> index.js 脚本文件
④ 初始化首页基本的结构
⑤ 运行 npm install jquery –S 命令，安装 jQuery
⑥ 通过 ES6 模块化的方式导入 jQuery，实现列表隔行变色效果

(base) ➜  webpack npm init -y
Wrote to /Users/fanzhen/Documents/vue2/webpack/package.json:{"name": "webpack","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"keywords": [],"author": "","license": "ISC"
}╭────────────────────────────────────────────────────────────────╮│                                                                ││      New major version of npm available! 6.14.16 → 11.0.0      ││   Changelog: https://github.com/npm/cli/releases/tag/v11.0.0   ││               Run npm install -g npm to update!                ││                                                                │╰────────────────────────────────────────────────────────────────╯

在这里插入代码片