用代码创建这个项目。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

目录初始化构建就结束了。
网友评论