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

  • 常用的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项目构建--项目目录创建)