.
├── node_modules: 模块
|   └── ...
├── dist: 打包生成目录
|   ├── css: css目录
|   ├── img: img目录
|   ├── js: js目录
|   └── lib: 第三方库
├── src: 开发环境
|   ├── js: js目录
|   |   ├── app: app目录(打包入口文件地址)
|   |   ├── components: components目录，存放组件
|   |   └── utils: utils工具类
|   ├── less: less目录
|   └── config: 配置文件目录
├── package.json: npm 配置文件
├── .eslintrc.js: eslint配置文件
├── gulpfile.js: gulp配置文件
└── webpack.config.js: webpack配置文件

规范

• 统一使用ES6语法，使用webpack打包 js规范
• 通过父级组件class定义组件内部css样式 CSS规范

启动(当前目录下命令行)

• npm install
• npm install -g gulp

文件改动监听打包

• gulp