React脚手架搭建及目录结构介绍

react脚手架（create-react-app）搭建

npm install -g create-react-app
create-react-app todolist （文件夹名）
npm start
或者
npx create-react-app todolist
cd my-app
npm start
（npx是一种在npm中安装工具，在 npm version >= 5.2.0 开始，自动安装了npx）
复制代码

create-react-app 目录结构：

yarn.lock  --  项目依赖的安装包README.md  --  项目的说明文件package.json  --  node的包文件、项目的结束（名字/版本号/依赖的第三方的包/调用的指令等）记录用npm安装过哪些包  ^  代表 npm install 的时候会自动安装大版本号相同的最新的一个版本（x.y.z）x - 大版本号，api兼容变化会改变大版本号，x 递增y - 次版本号，新增功能时但不影响api的兼容，y 递增z - 修订号，bug修复不影响api兼容，zpackage-lock.json  --  确定当前安装的包的依赖，以便后续在安装的时候生成相同的依赖（锁定安装时的包的版本号）5.x.x之后的npm版本中，pakage-lock.json是会被自动生成的version记录了包的版本，resolved记录了包的下载来源。package.json 和 package-lock.json的关系：package.json负责的不仅仅是记录各种依赖包，它还记录了其他信息。pakage-lock.json的作用仅仅是辅助package.json锁定依赖包的版本pakage-lock.json可有可无，没有的话只是不能锁定版本而已，而package.json是必须要有的。.gitignore  --  git管理代码的时候，有的文件不希望传到git仓库中，可以把文件定义在这。node_modules  --  放置项目依赖的第三方的包public  --  favico.ico: 网页tab标签小图标index.html: 初始页面manifest.json: wepack打包优化相关scr  --  放的项目所有的源代码所有代码的入口在 index.js 里面App.test.js  --  自动化测试的文件
复制代码

转载于:https://juejin.im/post/5cf6239df265da1b833379d1

React脚手架搭建及目录结构介绍相关推荐

go-ethereum环境搭建及目录结构介绍
go-ethereum代码阅读环境搭建 Ubuntu 16.04 64bit/Mac 安装GO 配置环境变量(GOROOT, GOPATH, GOBIN) 下载源码: $ cd $GOPATH; $ ...
react脚手架搭建项目目录介绍
readme.md --项目介绍自定义一些项目信息以及简单使用 package.json --dependencies下管理生产环境所用的包及版本 ---devDependencies里得插件只用于 ...
【Vue】—项目的目录结构介绍
[Vue]-项目的目录结构介绍
Linux常用命令(本篇包括，Linux目录结构介绍、Linux Shell介绍、9个常见命令介绍、文件的概念、文件的操作（20个）、目录的操作、文件和目录的权限、文件压缩及解压缩)
Linux常用命令(本篇包括,Linux目录结构介绍.Linux Shell介绍.9个常见命令介绍.文件的概念.文件的操作(20个).目录的操作.文件和目录的权限.文件压缩及解压缩) ...
Flutter 基础目录结构介绍、入口自定义widget、等相关组件使用
提示:此文章为前端学习flutter过程,如有歧义期望各位大大的宝贵意见学习Dart 基础知识移步这里安装flutter环境相关移步这里 flutter基础组件使用相关移步这里文章目录一 ...
帝国cms目录结构介绍
帝国CMS目录结构介绍 / 系统根目录 ├d/ 附件和数据存放目录 (data) │├file/ 附件存放目录 │├js/ JS调用生成目录 │└tx ...
Kettle教程（二）：Kettle目录结构介绍
文章目录前言一.Kettle的Spoon/Pan/Kitchen/Carte 简介 1.Spoon 2.Pan 3.Kitchen 4.Carte 二.Kettle的目录结构介绍三.总结前言 ...
① uni-app 介绍、项目搭建、目录结构
uni-app uni-app介绍项目搭建目录结构 App.vue 和 main.js manifest.json uni.scss pages.json 页面配置 tabbar的配置 condi ...
七十五、React环境搭建，目录文件分析和JSX
2020/11/18. 周三.今天又是奋斗的一天. @Author:Runsen React React是Facebook 2013年推出的函数式编程开源前端框架,和Vue就是两个巨头.我得赶紧搞定R ...

React脚手架搭建及目录结构介绍

React脚手架搭建及目录结构介绍相关推荐

最新文章

热门文章