1.2项目目录创建

一、创建根目录

        ①es6文件夹     ②mkdir es6     ③cd es6

二、在根目录下创建三个并行的模块

        1、创建app目录 (前端代码)mkdir app

               ①mkdir app/css

               ②mkdir app/js

                       ②-①mkdir app/js/class(放置类文件)

                ③mkdir app/views   (模板目录,放html)

        2、创建server目录 (服务器代码)mkdir server

        3、创建tasks目录(构建工具)mkdir tasks

三、初始化js文件

    touch app/js/class/test.js(初始化js类文件)

    touch app/js/index.js(初始化js入口文件)

四、初始化两个模板文件

    touch app/views/error.ejs(错误的模板)

    touch app/views/index.ejs(入口模板)

五、创建server代码 cd es6/server

    1、使用express 脚手架:

            ①安装nodejs (node -v)

            ②npm install -g express-generator  

            ③express -e . ( 我要使用 ejs 模板引擎 在当前目录执行)

            ④执行 npm install 命令

    2、回到构建目录 cd ../tasks/(在此目录下创建很多构建任务的js,比如:模板的自动更新、文件的合并,脚本的编译等等)

            ①mkdir util(放置常见的脚本)

            ②初始化一个文件 touch util/args.js

六、在根目录下自动创建package.json文件

        npm init

七、在根目录下创建设置babel编译工具的配置文件

        touch .babelrc

八、在根目录下创建gulp的配置文件

        touch gulpfile.babel.js

你可能感兴趣的:(1.2项目目录创建)