一、使用webpack初始化项目
1. npm install -g vue-cli
2. vue init webpack “项目名” 创建项目,不安装单元测试和e2e测试
3. 生成的目录中,build 和 config是配置文件。
二、项目文件构建
1. 在src目录下新建common文件夹,文件夹中包含js、fonts、stylus文件夹。
2. 在component文件夹中新建header文件夹,其中新建header.vue文件以及放置其他与header相关的文件,符合就近维护的原则。
3. 在iconmoon上用svg制作图标字体,命名为sell-icon,将其fonts文件夹中的四个文件拷入common的fonts文件夹内,将其中的style.css 文件导入common/stylus中,修改为stylus的格式(删除括号和分号),重命名为icon.styl。
4. 在dev-server.js中添加node代码,mock数据。
三、组件编写
- 在index.html中引入static下的reset.css文件。