美文网首页
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、项目目录创建

    用代码创建这个项目。mkdir es6 创建根目录,es6、 cd es6/ 进入这个目录 创建3个板块,第一个板...

  • 目录介绍

    这里使用 nest cli 创建项目,您将学会创建项目的目录介绍。 使用 nest cli建立项目 将创建项目目录...

  • vue整合webpack

    创建项目目录 切换到项目目录运行命令 npm init -y 初始化项目npm init -y 在跟目录创建 sr...

  • 创建 create-react-app

    创建项目 js 项目文件目录

  • go的基本操作

    创建目录 创建项目 编写code 运行项目 下载外部包

  • 二、Git使用笔记-新建本地项目

    创建项目目录 在本地创建项目目录,例如在D盘中创建Project目录。创建完成后,进入下一步初始化代码仓库。 初始...

  • SVN入门(二)

    一,创建项目 1,首先在SVN服务端创建一个公有目录,如WebApp作为项目目录 2,在WebApp目录下创建Sh...

  • 推荐系统1:Scrapy创建一个简单的爬虫

    创建项目 进入到文件存放目录下创建项目,执行 scrapy startproject zhihuscrapy 创建...

  • Dango项目配置流程

    django项目配置流程 manage.py 创建静态文件存放目录 创建APP 项目目录结构 配置数据库 创建数据表

  • 登录apiToken的task

    一、创建项目,对项目进行初始化 git init添加.gitignore创建目录在src/main/java目录下...

网友评论

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

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