码迷,mamicode.com
首页 > 移动开发 > 详细

webapp项目准备

时间:2019-07-15 01:09:54      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:本地   mat   Matter   lin   main   ide   out   src   reset   

  • 创建项目
  1.  vue create webapp (项目名称webapp)
  2. 选择 Babel  ,  Router  ,  Vuex  ,  Css Pre-process , Linter/Formatter
  3. 选择 Stylus
  4. 导入idea 启动项目
  5. 删除多余内容,修改启动页面App.vue
  • 引入
  1. 搜索文件css reset ,复制粘贴文件
  2. npm install fastclick 
  3. iconfont 图标库  将所需图标加入购物车,添加进项目webapp,下载至本地   iconfont.css保存至css文件夹中,创建font文件夹放入图标图片 修改iconfont.css中的地址,前面加上 ../font/即可
  4. 适配文件 
  5. 以上引入都要在main.js中写入

           技术图片

  • 搭建目录结构
  1. App,vue里只写<router-view>
  2. compenets文件夹下创建home文件夹,放首页内容
  3. home文件夹下,Home.vue为首页大入口,Banner.vue是最上方打的横幅,要引入到Home.vue中

 

             

 

webapp项目准备

标签:本地   mat   Matter   lin   main   ide   out   src   reset   

原文地址:https://www.cnblogs.com/sycamore0802/p/11186541.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!