清风徐来水波不兴


使用了vue-cli的webpack模板搭建的环境,修改config目录下的index.js文件中的dev属性中的proxyTable按照如下说明进行配置 dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', // ************************************* proxyTable: { //代理路径表 '/douban/api': { //要转发路径 target: 'http://api.douban.com/v2', //目标服务器基路径 changeOrigin: true, //是否替换Origin属性 pathRewrite: { //配置重写路径 '^/douban/api': '' ...
Read More


只要功夫深,铁杵磨成针。--《方舆胜览·眉州·磨针溪》 前端项目结构分析 在上一篇,我们生成了前端项目的框架代码。接下来自然要先学习下。(虽然下面很啰嗦,但是都说了折腾这个是为了学习新技术,吼吼...) 本质上,整个前端项目是依赖于node环境的,也就是说这是一个nodejs项目。相关的基础知识在这里就不做过多赘述。可以看菜鸟教程node.js和npm以及官方相关文档进行深入了解。 项目结构说明 simple-blog-vue ├── README.md #项目介绍文件 ├── build #webpack配置 │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── vue-loader.conf.js │ ├── webpack. ...
Read More


万事开头难--俗语 前端项目初始化 安装Node.js依赖环境 笔者用的MacBook,所以直接使用brew来进行安装,其他的操作系统请直接查看官方安装指南。 # 安装Node.js,这里安装了最新版本8.1.0 brew install node # 检查安装版本 node -v v8.1.0 # 检查npm是否已经安装 npm -v 5.0.3 创建项目 # 项目目录配置 mkdir SimpleBlog cd SimpleBlog # 安装阿里定制工具cnpm 替换 npm,使用阿里的免费源 npm install -g ...
Read More


是因为好奇。我们经常可以看到各种网页头部会这么写 <html lang="zh-CN"> ... 那么这么写到底为了表达什么呢?后面的属性怎么来的呢?他的格式到底怎么定义的呢? 带着这些问题,我本意是先去查下知乎的。想想牛人那么多,肯定有个完整的解答。查询的结果完全出乎我的意料啊,完全被整蒙了。好奇的同学可以去围观下网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"? 还是自己去查阅HTML5官方文档,有这么一段描述。 The lang global attribute participates in defining the language of the element, the language that its ...
Read More


工欲善其事,必先利其器。--《论语·卫灵公》 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux,运行流畅,可谓是微软的良心之作…… 从看到的第一眼开始就喜欢上了,直接抛弃了原来的sublime、atom。然而和所有的文本编辑器一样,要让它能合乎自己的心意,还是需要添加一些配置。 我们要解决几个问题: VUE语法高亮 编码智能感知 ...
Read More