前端开发VUE

前端开发：

• 模块化：（JS的模块化、css的模块化、资源的模块化）
• 组件化：（复用再有的UI结构、样式、行为） Layui开发文档
• 规范化：（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）
• 自动化：（自动化构建、自动部署、自动化测试）

目前主流的前端工程化解决方案:

• webpack
• parcel

webpack的基本使用

• 概念：webpack是前端项目工程化的具体解决方案
• 主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能
• 好处：让程序员把工作重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性

创建列表隔行变色项目

• 1、新建项目空白目录，并运行npm init -y命令，初始化包管理配置文件package.json
  

• 注意：用！初始化html

//快速生成ul
ul>li{这是第$个li}*9

• 4、初始化首页基本的结构（安装jQuery）

-S是–save的简写

-D是–save-dev的简写(开发时才用到)

注意：package.json显示jQuery

在项目中安装webpack(npm install --save-dev webpack):

• 运行npm install jquery -S命令
• 通过ES6模块化的方式导入jQuery,实现列表隔行变色效果