[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

... ...




0 0