webapp项目准备

灰太狼 2023-06-05 08:46 10阅读 0赞

*  创建项目

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.  swiper github中搜索vue-swiper 下载 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端
    
        npm install vue-awesome-swiper --save   （原css文件不可用，替换掉）、
6.  animate.css 是一个使用CSS3的animation制作的动画效果的CSS集合 github中搜索即可
    
        npm install animate.css --save
7.  axios npm install axios --save 要想一次请求要在父组件中请求，然后传到子组件中
8.  以上引入都要在main.js中写入

![1214711-20190716111923234-154820461.png][]

*  搭建目录结构

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

转载于:https://www.cnblogs.com/sycamore0802/p/11186541.html

[1214711-20190716111923234-154820461.png]: /images/20230601/bb060c60ce194f1d89256939ddcf54e1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关 maven项目没有webapp

eclipse创建的maven有webapp包，而idea创建的maven项目可能出现没用webapp包，则需要自己创建： ![在这里插入图片描述][watermark_t

约定不等于承诺〃/ 2023年10月06日 08:19/ 0 赞/ 74 阅读

相关 webapp项目准备

创建项目 1. vue create webapp (项目名称webapp) 2. 选择 Babel , Router , Vuex , Css Pre-proce

灰太狼/ 2023年06月05日 08:46/ 0 赞/ 11 阅读

相关项目总结 iFun 个人生活 webapp

项目总结： iFun 个人生活 webapp 演示地址：[http://masami.applinzi.com/][http_masami.applinzi.com]

逃离我推掉我的手/ 2022年08月21日 00:21/ 0 赞/ 278 阅读

相关 MyEclipse创建Maven多模块项目，webapp项目

本文中创建maven项目，不使用命令，完全用myeclipse实现，个人感觉这样新手更容易接受！开发环境：myeclipse 8.6+maven（myeclipse

￡神魔★判官ぃ/ 2022年06月06日 04:39/ 0 赞/ 561 阅读

相关项目准备

商秀app 通过识别摄像头中的目标物体（此处为名片）来进行AR渲染的项目主要采用了SIFT算法，并对其进行了优化。我的工作：一部分的优化工作，主要是构建图像金字塔

叁歲伎倆/ 2022年05月30日 06:05/ 0 赞/ 224 阅读

相关 Eclipse+Maven创建webapp项目

Eclipse+Maven创建webapp项目<一> 1、开启eclipse，右键new——》other，如下图找到maven project ![23211640-4e1

亦凉/ 2022年05月19日 08:50/ 0 赞/ 386 阅读

相关 Django项目的项目准备

Django项目准备 1.创建工程 1.在git平台创建远程仓库创建公有仓库不添加开源许可证不使用readme文件初始化项目 2.

灰太狼/ 2022年05月12日 08:48/ 0 赞/ 286 阅读

相关 IDEA Maven 项目没有webapp目录

IDEA 使用Maven 项目继承Springboot 使用启动器spring-boot-starter-web ![watermark_type_ZmFuZ3poZW5na

「爱情、让人受尽委屈。」/ 2022年04月25日 04:44/ 0 赞/ 542 阅读

相关 maven项目转化为webapp项目

[https://blog.csdn.net/zouxucong/article/details/56009537][https_blog.csdn.net_zouxucong

电玩女神/ 2022年03月06日 09:50/ 0 赞/ 317 阅读

相关 SpringBoot 构建多 module webapp 项目

SpringBoot 构建多 module webapp 项目简介基于 SpringBoot 构建多 module webapp 项目，主要是实现代码的分层，让

刺骨的言语ヽ痛彻心扉/ 2021年07月04日 16:39/ 0 赞/ 548 阅读