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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容