- 常用的windows下的cmd操作:
Linux命令ls查看当前目录下有哪些目录,windows下不能用;
cd ..回到上一级目录;
cls 清屏
.exit 退出;
:wq
dir查看当前目录下有哪些东西;
md 和 mkdir 一样都是新建目录;
mkdir app 新建app文件夹
mkdir server
mkdir tasks
type nul >文件名 新建一个空文件;
echo myname >a.txt 创建非空文件;
express -e .
express 脚手架一个启动命令;
-e 要使用ejs模板引擎
. 当前目录执行
创建根目录
新建一个文件夹ES6
ES6--
app 放置前端代码(html/css/js还有一些模板;)
--css
--js
--class目录(放置类文件的)
--初始化一个文件(js/class/test.js);
(windows中cmd新建一个文件:type nul >test.js)
--views(放html内容的目录)
--error.ejs;创建初始化模块--创建了一个错误的模板;(views/error.ejs)
type nul >error.ejs
--index.ejs;创建一个入口的模板文件;(views/index.ejs)
(一会要创建的服务器的代码,是通过express这个nodejs框架来做的,express所使用
的模板引擎就是ejs模板引擎,为了方便创建了两个ejs模板文件;)
type nul >index.ejs
--index.js初始化一个入口文件;
type nul > index.js
server 创建服务器代码(有服务器有接口提供我们真实的数据;)
在做这一步之前需要确保nodejs是安装成功的; express脚手架;
npm install express-generator -g
express -e .(-e:要使用ejs模板引擎;.当前目录执行;)
--提示:cd .&& npm install(安装node之后npm这个命令已经有了)
npm install
tasks(构建工具目录,所有的构建脚本一定是放在tasks这个目录下)构建整个前端代码的编译、服务器的定时刷新,起辅助作用的功能;
这个模板下面要创建很多任务的js;(文件的合并、脚本的编译、模板的自动更新等)
这些命令当中有一个是需要处理命令行参数的,(输入一段命令行工具,这个命令行工具最后
要执行的东西需要做解析,先创建一个这样的文件;)
--mkidr util;新建一个util文件夹,放置一些常见的脚本;
--type nul >args.js;初始化一个文件;(util/args.js)
scripts.js(tasks/scripts.js); 创建一个构建脚本是对js做处理的;
package.json(项目要安装依赖包--npm包的过程中,必须要有一个package.json这个文件,
这个文件可以手动创建,也可以自动创建--npm init,)
--npm init;创建一个初始化package.json;
(有了这个文件,就可以通过npm install命令去装我们想使用的npm依赖包了)
.babelrc 创建设置babel编译工具的一个配置文件;
type nul >.babelrc
gulp配置文件(整个项目的构建工具使用gulp做编译的,做一个工作流的工具任务);
创建gulp,(官网上如何使用gulp做这种构建工具的,创建一个gulpfile.js,但是这里我们不使用
gulpfile.js,我们使用gulpfile.babel.js)
type nul >gulpfile.babel.js(我们接下来写的这个构建脚本都是使用的ES6的语法,如果不加
babel.js,在执行gulp脚本的时候会报错的)
网友评论