感谢胜洪宇老师的小破站视频以及博客分享
胜老师图文教程 点击跳转
注:参考了胜老师的教程和视频,但是使用的是官网的npm命令(因为这个yarn命令不是所有环境都允许安装)
1.快速开始
(1) 创建项目名:
(2) 初始化:
(3) 项目启动:
(4) 在日志中即可看到启动之后的访问地址:
(5) 在浏览器中输入上面的地址即可看到对应的页面
2、项目主要目录结构作用
- app - 项目开发的主目录,工作中的代码几乎都写在这里面
-- controller -- 控制器目录,所有的控制器都写在这个里面
-- router.js -- 项目的路由文件
- config - 项目配置目录,比如插件相关的配置
-- config.default.js -- 系统默认配置文件
-- plugin.js -- 插件配置文件
- logs -- 项目启动后的日志文件夹
- node_modules - 项目的运行/开发依赖包,都会放到这个文件夹下面
- test - 项目测试/单元测试时使用的目录
- run - 项目启动后生成的临时文件,用于保证项目正确运行
- typings - TypeScript配置目录,说明项目可以使用TS开发
# 以下是文件
- .eslintignore - ESLint配置文件
- .eslintrc - ESLint配置文件,语法规则的详细配置文件
- .gitignore - git相关配置文件,比如那些文件归于Git管理,那些不需要
- jsconfig.js - js配置文件,可以对所在目录下的所有JS代码个性化支持
- package.json - 项目管理文件,包含包管理文件和命令管理文件
- README.MD - 项目描述文件