--原文地址:http://blog.chrisyip.im/nodejs-101-package-promise-and-async 先回想一下 Sagase 的项目结构: lib/ cli.js sagase.js Gruntfile.js package.json 上一篇讲了 package.json,这一篇讲 lib/sagase.js. 由于代码比較长,就分开一节节地讲,完整的点开 GitHub 看吧. 'use strict'; 通知编译器进入 strict mode,基本的作用是让…

前言 本文是基于我厂基友的Webpack学习系列(一)初学者使用教程 这篇文章做构建.可能基友的文章是基于Mac环境,我是windows环境,在学习时遇到了很多坑,询问基友,他让我搞个基于windows环境的,我想了想,正好这几天需求不多,webpack3.0也来了,那就干吧! 什么是webpack? Webpack 是当下最热门的前端资源模块化管理和打包工具.它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源.还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载.…

前言 接上文:[一套代码小程序&Native&Web阶段总结篇]可以这样阅读Vue源码 最近工作比较忙,加之上个月生了小孩,小情人是各种折腾他爸妈,我们可以使用的独立时间片不多,虽然这块研究进展缓慢,但是一直做下去,肯定还是会有一些收获的 之前我们这个课题研究一直是做独立的研究,没有去看已有的解决方案,这个是为了保证一个自己独立的思维,无论独立的思维还是人格都是很重要的东西,然独学而无友则孤陋而寡闻,稍微有点自己的东西后,还是应该看看外面已有的东西了,今天的目标是mpvue,我们来看看其官…

vue-cli是构建vue单页应用的脚手架,命令行输入vue init <template-name> <project-name>从而自动生成的项目模板,比较常用的模板有webpack.webpack-simple.browserify等模板.这其中webpack发挥了很大的作用,它使得我们的代码模块化,能够免除搭建项目时所花费的时间.后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要,我们现在来了解下webpack模板下的配置文件 主要目录 1.package.js…

第一步 node环境安装 1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装1.2 如果本机已经安装node的运行换,请更新至最新的node 版本下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/ 第二步 node环境检测 1.2.1 在终端输入 node -v如果输出版本号,说明我们安装node 环境成功随便我们可以查看 npm 的 版本号,安装node之后是自带npm的可以使用 npm -v 第三步 vue-cli脚手架安装…

项目整体目录结构预览 src目录 src整体结构 开发过程中基本上操作都在该目录下进行操作的,项目所有源码都是在这个目录下 main.js文件,项目核心文件 App.vue文件,项目入口文件 router/index.js build目录 build目录的文件和作用是打包编译输出的相应文件配置,用于打包和部署 build.js文件 require('./check-versions')() // 检查 Node 和 npm 版本 process.env.NODE_ENV = 'productio…

最开始学习Vue的时候,不建议直接使用模板,而应该自己从头写起.模板都是人写的,要坚信"人能我能".只有自己亲自实践,才能促进自己主动思考,才能对模板.框架有深刻的理解. 在Github上看到一个Vue的项目模板,里面包含许多新的知识.仔细研究,所获甚丰. 新库 ora:用于美观地打印正在执行的步骤,是一个控制台打印小程序 const spinner = ora('building for production...') spinner.start() doSomeThing(args…

webpack--神一样的存在.无论写了多少次,再次相见,仍是初见.有的时候开发vue项目,对尤大的vue-cli感激涕零.但是,但是,但是...不是自己的东西,真的很不想折腾.所以,我们就得深入内部,cp them us.所以呢,就利用两天时间,参考了一些他人的文章,查阅了一些官方的配置,就在此先稍微记录一下. 这份配置解析是基于最新版本的vue webpack template.不过,我非常建议,先别看我的文章,自己一句一句的通读一遍.然后再来瞅瞅,毕竟,碰撞的思维才能创造新的发现. vue…

一. ├── build              // 项目构建(webpack)相关代码             记忆:(够贱)    9个 │ ├── build.js       // 生产环境构建代码 │ ├── check-versions.js // 检查node&npm等版本 │ ├── dev-client.js       // 热加载相关 │ ├── dev-server.js        // 构建本地服务器 │ ├── utils.js          // 构建配…

1.熟悉项目开发流程 需求分析——>脚手架工具——>数据mock——>架构设计——>代码编写——>自测——>编译打包. 2.熟悉代码规范 从架构设计.组件抽象.模块拆分,到代码风格统一.CSS代码规范和JavaScript变量命名规范,以标准写代码,开发出扩展性.通用性强的优质代码. 3.掌握Vue.js在实战中应用 4.学会使用Vue.js完整地开发移动端App 5.学会工程化开发.组件化开发和模块化开发的方式 6.酷炫的交互设计 所用到的技术 后端:vue-reso…