ES6项目构建

基础的目录结构如下图所示

app: 目录创建有两种方式:

         1.直接新建目录和文件;

         2.命令创建  

          mkdir  css  创建css文件夹

          dir > test.js  创建test.js文件

server :使用命令自动生成目录结构  express -e .  该命令是在nodejs的基础上使用,使用之前必须安装nodejs和npm;

            检查是否已经安装了node和npm   node -v |  npm -v

tasks:创建方式和app相同;

以上目录结构创建完,需要创建三个配置文件package.json,.babelrc,gulpfile.babel.js,使用命令的方式创建。

        cd主目录下,npm init,命令行会提示你输入项目名称和版本号等,可以直接回车,如果需要修改可以修改;在这里没有修改的话,最后在生成的文件中也是能修改的

继续创建文件:

so,最后实际的项目目录如下图:


项目启动:gulp --watch

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Node.js是目前非常火热的技术,但是它的诞生经历却很奇特。 众所周知,在Netscape设计出JavaScri...
    w_zhuan阅读 3,638评论 2 41
  • 前言 React技术之火爆无须多言,其与webpack的完美结合,也让二者毋庸置疑的成为天生一对。为了进行Reac...
    令狐葱001阅读 1,808评论 2 24
  • 最近在学习 Webpack,网上大多数入门教程都是基于 Webpack 1.x 版本的,我学习 Webpack 的...
    My_Oh_My阅读 8,201评论 40 247
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,220评论 7 35
  • 班级情况: 校区:科学创想乐高机器人茂业校区 时间:周日4:00——5:00 学员:孟宣淇 任教老师:李飞 教学目...
    A越单纯越幸福阅读 1,559评论 1 1