迈向全栈开发学习(1)

 写在前面:

  本人从事软件开发方面三年了,一直是从事着.net开发,但是我个人热衷于前端开发,由于开发经验不足即使效劳过三家公司了也没有真正去从事着前端开发这个职位,虽然如此但是我还是专注着前端开发的(哪怕现在还是半桶水)。为了继续好好的学习前端开发就借此博客记录下学习的心路历程,把一直以来所学的捋一遍以及把现今流行的技术学习下,希望能有志之士可以给在下提点一二,话已至此,进入我的学习吧。

第一章(项目搭建):

  为了能把学习的代码一一记录下来,所以地建一个项目,该项目我选用了webpack这么个工具。

    Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。webpack详情学习,请查阅webpack官 。

1、项目创建:

  首先安装好node.js,然后配置好淘宝镜像即可执行以下命令。

2、webpack安装

3、es6加载器安装

4、编写webpack的配置文件

5、hello word 运行

person类创建

mian 入口文件

6、项目运行:

在运行项目前,在package.json中添加以下代码,方便输入执行命令

运行项目命令

打包命令为

运行结果:

 

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2017年7月20日
下一篇 2017年7月20日

相关推荐