1.运行gclient runhooks --force .会重新下载个python 2.7版本的,并且下载好几个文件,大概1个多小时:…

写在前面 最近学习react,之前做vue项目的时候,一直都是拿来主义,浑浑噩噩,感觉不太好,趁学习react的机会,在顺带学习一下webpack.一般配置文件分两份,为开发环境和生成环境.有此区分,是为了更好的利用缓存,生成环境将所有的第三分库文件打包成一个,所有的业务逻辑的文件就会单独生成一个,每次业务逻辑的修改之后,在生成环境中只需要上传修改代码逻辑的部分,而第三方库文件则不会修改,如此只需更新少量的代码,增加加载的速度. webpack.config.js 开发开发环境的配置 packa…

最近在读<变量>,目前得到的认知之一:慢变量才是决定事物长期发展的因素. 打算自定义vue-cli的脚手架或者根据自己的需要设置项目模板的相关参数,很大程度与慢变量这个概念相关. 当然,我还有一个想法或者认知:我的技术方向不是成为技术大神,而是成为快速开发app的高手,准确的说是高效开发App的高手,这里的App首先是WebApp. 要想实现这个目标需要有属于自己开发习惯和开发需求的脚手架配置.那么自定义脚手架势在必行. 下面介绍一下,对vue-cli生成的项目模板做了哪些修改. 1,将项目模…

初始化项目时选择eslint-config-standard作为代码检测规范,vscode安装ESLint和Prettier - Code formatter两个插件,并进行如下配置 { "editor.formatOnPaste": true, "editor.formatOnSave": true, "editor.formatOnType": true, "prettier.singleQuote": true, &qu…

1.安装  路由模块  及  状态管理模块 npm install vue-router --save npm install vuex --save 2.自定义  TabBar  组件 src / components / TabBar.vue TabBar.vue <!-- 底部选项卡 --> <template> <div class="wrapper"> <div class="bar-item" @click=&q…

昨天,只拿到电脑,别说,眼泪 http://joveth.github.io/funny/ 1.选项卡的滑动效果 要知道.用这个选项卡就是想让它滑动起来,不然的话.我才不喜欢用它呢. 在让他滑动之前,先来说一下上一张 的问题.话说.依照设计器下载下来的包,替换到 我们的 res之后,我发现,tabhost的选项颜色没有变,在我尝试 了各种方法之后,最终,我tm放弃了,好吧.正好 找到了这个滑动效果的demo,还有选项卡的颜色切换效果. 话不多说 ,改进我们的东西吧. 1.改动我们的 acitiv…

这是Webpack+React系列配置过程记录的第五篇.其他内容请参考: 第一篇:使用webpack.babel.react.antdesign配置单页面应用开发环境 第二篇:使用react-router实现单页面应用路由 第三篇:优化单页面开发环境:webpack与react的运行时打包与热更新 第四篇:React配合Webpack实现代码分割与异步加载 第五篇:分离Webpack开发环境与生产环境的配置 这篇文章的主要内容包括: 增加less-loader.url-loader.file-l…

1:webstorm的安装:2:node.js的安装3:安装Git4:vue-cli 安装前面两步就可以把项目启动了,安装Git主要是打开命令窗口,这样就可以用liunx命令了,原理跟cmd差不多 Vue.js是一套构建用户界面的 “渐进式框架”.      Vue 采用自底向上增量开发的设计.      Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.2016年,Vue同Angular.React形成三足鼎立的局面,让前端的开发者顾不暇接,今天我们就来了解一下V…

前言 上篇我们已经配置好了本地开发服务器,但是配置的相对比较凌乱,一个文件中有些是开发时用到的配置,有些是生成时用到的配置,有些是开发和生成都要用到的配置,所以我们这里把环境分为3个环境 webpack.base.config.js:webpack基础配置,开发和生成环境都需要用到的配置 webpack.dev.config.js:开发环境的配置 webpack.prod.config.js:生成环境的配置 配置分离 development(开发环境) 和 production(生产环境) 这两…

工程化配置 还是开发体验的问题,跟开发体验有关的项目配置无非就是使用 eslint.prettier.stylelint 统一代码风格. formatting and lint eslint.prettier.stylelint 怎么配这里就不说了,网上文章太多了.想说的是eslint rule 'prettier/prettier': 'error'一定要开启,以及 stylelint rule 'prettier/prettier': true 也一定要开启. 虽然配置了eslint.pre…