React + webpack 开发单页面应用简明中文文档教程(二)创建项目
React + webpack 开发单页面应用简明中文文档教程(二)创建项目React 入门系列教程导航React + webpack 开发单页面应用简明中文文档教程(一)一些基础概念 在上一篇博文当中,你是否感觉我实在是太啰嗦了一点,说了很多你不喜欢听的东西呢。 不重要啦,这里,我们开始。 使用
安装脚手架打开终端工具,输入下面的命令,安装 sudo npm i -g create-react-app
全局安装 然后我们就可以使用 这段可以跳过 我觉得这个命令比较长,所以我们可以将这个命令简写一下 Bash 用户 echo 'alias cra="create-react-app"' >> ~/.bash_profile
. ~/.bash_profile
zsh 用户 echo 'alias cra="create-react-app"' >> ~/.zshrc
. ~/.zshrc
然后我们就可以使用 可跳过部分结束。 创建项目在命令行中,进入到你希望创建项目的目录。 cd ~/Sites/Mywork
创建一个 create-react-app react-test
然后这个命令需要运行一会儿。它在下载一些东西。 如上图所示,我们已经执行完成了。已经给出了接下来要执行的命令。 运行项目根据上图给出来的命令,我们直接执行: cd react-test
npm start
然后应该会自动打开系统默认浏览器,访问 http://localhost:3002/ 地址。 好,到这里,我们今天的工作就完成了,顺利的搭建,并跑起来了。 相信你也没遇到什么问题。 本文由 FungLeo 原创,允许转载,但转载必须保留首发链接。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |