一、创建根目录
①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