[vue]项目准备工作
来源:互联网 发布:使命召唤12js模式 编辑:程序博客网 时间:2024/06/03 16:45
一、命令 vue init webpack#1.0 my-project \\vue 1版本
二、mock 数据
1.新建data.json 数据
2.修改dev-server.js ,使得能获取数据
var app = express();
var appData = require('../data.json');\\data数据
var seller = appData.seller;'....
var apiRoutes = express.Router(); \\创建路由
apiRoutes.get('/seller',function(req,res){
res.json({
errno:0,
data:seller
});
});app.use('/api',apiRoutes);
三、图标字体(SVG转换)
https://icomoon.io/
1.自由的变化大小2.自由的修改颜色3.添加阴影效果4.IE6也可以支持5.支持图片图标的其它属性,例如,透明度和旋转等等6.可以添加text-stroke和background-clip:text等属性,只要浏览器支持
四、设置
文件组织结构
src /common 创建 js fonts style 等文件夹
src /component 下创建 header 等文件夹
reset文件
在static 中放置: css/ reset.css :<link rel="stylesheet" type="text/css" href="static/css/reset.css">
viewport
在index 设置scale :<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
语法检查
语法报错 在 eslintrc中修改报错提示'semi': ['error', 'always']-"always" (default) requires semicolons at the end of statements 'indent': 0 缩进
五、VUE Router
... ...
- [vue]项目准备工作
- 基于vue-cli的vue项目之axios的使用1--准备工作
- 项目前的准备工作
- android项目开发准备工作
- 新建项目准备工作
- vue.js使用手记——准备工作
- Vue项目
- 做项目前的准备工作
- 项目开发的前期准备工作
- 项目上线的积极准备工作
- 开发web项目的准备工作
- 微信小程序项目实践准备工作
- 项目准备工作与环境搭建
- 项目期---项目的搭建的准备工作
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue入门新建vue项目
- oracle存储过程跳出循环问题
- 打印出所有的"水仙花数",所谓"水仙花数"是指一个三位数,其各位数字立方和等于该数本身
- android sqlite增删改查操作
- Java创建对象的几种方法
- 从零开始安装、编译、部署 Docker
- [vue]项目准备工作
- django 配置mysql后 apache兼容问题
- HDU-4179-Difficult Routes
- MPAndroidChart开源图表库(一)之饼状图
- inux下gettimeofday函数windows替换方案
- 简单工厂模式
- js事件 <思维过程>
- 文章标题
- Android Studio精彩案例(一)《ActionBar和 ViewPager版仿网易新闻客户端》