美文网首页
2-2、项目目录创建

2-2、项目目录创建

作者: 留白_汉服vs插画 | 来源:发表于2018-01-11 15:10 被阅读11次

    用代码创建这个项目。mkdir es6  创建根目录,es6、

    cd es6/ 进入这个目录

    创建3个板块,第一个板块用来放置前端代码这块。包括css,js,还有一些模板。还有一个模块是创建服务器代码模块,完整的项目,必须有服务器,有接口提供给我真实的数据。还有板块,构建编译,服务器定时刷新辅助功能。

    mkdir app 放置前端代码

    mkdir server 创建服务器目录

    mkdir tasks 构建工具的目录

    cd app/   进入app中,创建如下三个目录

    mkdir css 

    mkdir js

    mkdir views

    ls显示当前目录文件。

    es6中有类的概念,所以在js中再创建一个类的目录,专门放置类文件的。

    mkdir js/class

    touch js/class/test.js   空的目录是没有作用的,初始化几个文件,比如test.js

    touch js/index.js   初始化一个入口文件

    touch views/error.ejs 创建错误模板

    touch views/index.ejs  创建入口模板 nodejs需要ejs模板

    回到server目录。创建sever代码过程中,借助express脚手架。使用这个脚手架的时候需要暗转nodejs。之前安装过,这里忽略。

    express 脚手架的启动命令,-e表示我要使用ejs模板引擎。所以之前创建的ejs文件。点是当前目录执行。

    安装npm install

    util 放置常见脚本的。

    npm init   创建package.json,有了package.json通过这个就可以通过npm instore 安装npm依赖包。

    需要设置babel编译工具的配置文件。 通过命令touch .babelrc 

    需要glup配置文件,所以命令touch gulpfile.babel.js

    目录初始化构建就结束了。

    相关文章

      网友评论

          本文标题:2-2、项目目录创建

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