美文网首页
ECMAScript6--1.1项目构建--项目目录创建

ECMAScript6--1.1项目构建--项目目录创建

作者: 飞菲fly | 来源:发表于2017-11-08 11:17 被阅读47次
    • 常用的windows下的cmd操作:

    Linux命令ls查看当前目录下有哪些目录,windows下不能用;
    cd ..回到上一级目录;
    cls 清屏
    .exit 退出;
    :wq
    dir查看当前目录下有哪些东西;
    md 和 mkdir 一样都是新建目录;
    mkdir app 新建app文件夹
    mkdir server
    mkdir tasks
    type nul >文件名 新建一个空文件;
    echo myname >a.txt 创建非空文件;
    express -e .
    express 脚手架一个启动命令;
    -e 要使用ejs模板引擎
    . 当前目录执行

    创建根目录

     新建一个文件夹ES6
    ES6--
      app 放置前端代码(html/css/js还有一些模板;)
        --css
        --js
            --class目录(放置类文件的)
              --初始化一个文件(js/class/test.js);
               (windows中cmd新建一个文件:type nul >test.js)
             
        --views(放html内容的目录)
            --error.ejs;创建初始化模块--创建了一个错误的模板;(views/error.ejs)
                type nul >error.ejs
            --index.ejs;创建一个入口的模板文件;(views/index.ejs)
            (一会要创建的服务器的代码,是通过express这个nodejs框架来做的,express所使用
            的模板引擎就是ejs模板引擎,为了方便创建了两个ejs模板文件;)
                type nul >index.ejs
                
        --index.js初始化一个入口文件;
            type nul > index.js
            
      server 创建服务器代码(有服务器有接口提供我们真实的数据;)
           在做这一步之前需要确保nodejs是安装成功的; express脚手架;
           npm install express-generator -g
           express -e .(-e:要使用ejs模板引擎;.当前目录执行;)
             --提示:cd .&& npm install(安装node之后npm这个命令已经有了)
           npm install 
           
      tasks(构建工具目录,所有的构建脚本一定是放在tasks这个目录下)构建整个前端代码的编译、服务器的定时刷新,起辅助作用的功能;
         这个模板下面要创建很多任务的js;(文件的合并、脚本的编译、模板的自动更新等)
         这些命令当中有一个是需要处理命令行参数的,(输入一段命令行工具,这个命令行工具最后
         要执行的东西需要做解析,先创建一个这样的文件;)
            --mkidr util;新建一个util文件夹,放置一些常见的脚本;
                --type nul >args.js;初始化一个文件;(util/args.js)
            scripts.js(tasks/scripts.js);  创建一个构建脚本是对js做处理的;
     
      package.json(项目要安装依赖包--npm包的过程中,必须要有一个package.json这个文件,
       这个文件可以手动创建,也可以自动创建--npm init,)
        --npm init;创建一个初始化package.json;
        (有了这个文件,就可以通过npm install命令去装我们想使用的npm依赖包了)
      
      .babelrc 创建设置babel编译工具的一个配置文件;
        type nul >.babelrc
      
       gulp配置文件(整个项目的构建工具使用gulp做编译的,做一个工作流的工具任务); 
        创建gulp,(官网上如何使用gulp做这种构建工具的,创建一个gulpfile.js,但是这里我们不使用
        gulpfile.js,我们使用gulpfile.babel.js)
        type nul >gulpfile.babel.js(我们接下来写的这个构建脚本都是使用的ES6的语法,如果不加
        babel.js,在执行gulp脚本的时候会报错的)

    相关文章

      网友评论

          本文标题:ECMAScript6--1.1项目构建--项目目录创建

          本文链接:https://www.haomeiwen.com/subject/duuemxtx.html