minmin_web的博客

备注此项目通过vue create programname创建（不是基于webpack模板创建）首先fastmock官网准备一个项目注册登录之后我的项目，新增新增接口编辑好接口之后复制地址vue项目中配置src下新增api文件夹，然后新增index.js文件（需要先安装axios插件）配置vue.config.js文件（没有就在根目录下新建一个）target的地址就是之前复制的地址vue文件中发出请求最后运行项目： npm run serve打开网站，在控制台中即可看到打印的

vs code安装插件Prettier - Code formatter配置settings.json文件按照路径：file->preferences->settings，输入eslint配置json文件文件粘贴代码，根据自己需要可在文件中增加或修改{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, /

eslint官网本文纯属小白学习记录，希望大佬们多多指教项目创建现在流行的前端框架大多用到eslint来规范代码风格，对于熟练者来说当然大大有利于开发，但是对于我这样的小白，真是给我造成了不少困扰，于是二话不说开始学习吧mkdir eslint-demo #新建一个项目文件夹cd eslint-demonpm initnpm install eslint --save-dev #安装eslint插件npmx eslint --init #初始化使用npmx eslint --init 的

准备data.json 文件放在主目录下然后在webpack.dev.conf.js中引入在const portfinder = require(‘portfinder’)后添加const express = require('express')const app = express()var appData = require('../data.json');//加载本地数据文件var seller = appData.seller;var goods = appData.goods;v

打开官网：点击IcoMoon App然后点击Import Icons导入自己的svg文件选中导入的文件，点击Generate Font按钮来生成图标字体点击页面跳转之后，鼠标放到图标下方，有一个Get Code按钮，点击它可以查看图标使用点击Preferences按钮弹出一个框，可以修改名字。Font Name是生成图标字体名称，还有一些其他信息，Class Prefix类名前缀和一些浏览器的情况，可根据自己的需求修改设置好以后，点击download即可下载解压后的文件即可用于项目

用Vue 脚手架创建好项目之后，目录下会有个src文件夹可以看到，在component文件夹下，默认创建了HelloWord.vue组件。为了就近保护，在我们创建组件的时候最好在目录下在创建文件夹，在文件夹下在创建组件，这样非常有利于代码的维护另外，在src下创建common目录，主要包含一些公共资源在common中创建三个文件夹，stylus是一个css预处理器将准备好的fonts文件拷贝到fonts文件夹下，将style.css拷贝到stylus下（fonts生成）拷贝后结果如下