React vscode 创建 react 项目流程

React vscode 创建 react 项目流程

一、安装node

​

二、配置淘宝镜像

输入指令：​​npm install -g cnpm --registry=-v​​，能显示版本号，说明 cnpm 已经装好了

三、配置 ​​vscode​​（win10）

win7 无需配置

​​Restricted​​：表示禁止终端使用命令的​​RemoteSigned​​：表示可以使用终端命令了

四、全局安装脚手架

在终端输入命令：​​npm install -g create-react-app​​

这需要等待一段时间，这个过程在安装三个东西​​react​​: react的顶级库​​react-dom​​: react在web段的运行环境​​react-scripts​​: 包含运行和打包react应用程序的所有脚本及配置

五、创建项目

先创建一个放置项目的文件夹​​your-app​​（your-app是项目名，可以自己取）

出现下面的界面，表示创建项目成功：

Success! Created your-app at /dir/your-appInside that directory, you can run several commands: npm start Starts the development server. npm run build Bundles the app into static files for production. npm test Starts the test runner. npm run eject Removes this tool and copies build dependencies, configuration files and scripts into the app directory. If you do this, you can’t go back!We suggest that you begin by typing: cd your-app npm startHappy hacking!

通过​​cd your-app​​命令进入目录运行​​npm start​​即可运行项目生成项目的目录结构如下：

├── README.md 使用方法的文档├── node_modules 所有的依赖安装的目录├── package-lock.json 锁定安装时的包的版本号,保证团队的依赖能保证一致。├── package.json ├── public 静态公共目录└── src 开发用的源代码目录

编写第一个 ​​react​​ 程序教程

Ref:​​(42条消息) React vscode 创建 react 项目流程【超详细】_一颗不甘坠落的流星的博客-​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。