Deepin系统(Linux系统)中安装react

在Deepin系统(Linux系统)中安装react

先安装Node JS

可以在Node js官网下载安装,这个官网会根据你的系统向你推荐适合你下载的版本。
下载完成后解压缩到你选择的目录,我的路径是/home/phoenix/Documents/。我的解压缩后的文件的名称是node-v10.15.1-linux-x64。
使用cd命令进入解压的目录,我的命令是

cd /home/phoenix/Documents/node-v10.15.1-linux-x64

然后输入
./bin/node -v
用于执行node命令,查看版本。
解压文件的 bin 目录底下包含了 node、npm 等命令,我们可以使用 ln 命令来设置软连接:

ln -s /home/phoenix/Documents/node-v10.15.1-linux-x64/bin/npm /usr/local/bin/
ln -s /home/phoenix/Documents/node-v10.15.1-linux-x64/bin/node /usr/local/bin/

注意:1.我的解压缩后bin目录的路径是/home/phoenix/Documents/node-v10.15.1-linux-x64/bin,这里要使用你自己解压后的bin目录的路径。
2.这里可能会出现权限不够的问题,需要你使用管理员权限才可以使用上面两条命令,输入:

sudo -i

进入管理员权限,然后再输入上面两条命令。
接下来输入:

npm -v
node -v

可以用来查看npm版本和node版本。

使用npm安装react

选择一个目录,创建一个项目的文件夹,例如learn-react,然后在终端中使用cd命令切换到这个你新创建的文件夹中,输入:

npm init -y
npm install react react-dom --save

使用create-react-app 命令行工具

React 官方专门为我们准备了专用的 React 项目生成工具 create-react-app,只需要简单几行代码即可生成 React 项目,并且在开发时还支持实时更新,自动重载等功能。

npm install -g create-react-app
create-react-app my-app
cd my-app
npm start

注意:我在使用create-react-app命令时出现命令不存在的提示,在网上搜到需要使用如下命令:

npx create-react-app my-app

使用“npx”预览create-react-app。
但是如果使用npx又会出现新的提示“npx命令不存在”。
我的解决办法是输入以下命令:

ln -s /home/phoenix/Documents/node-v10.15.1-linux-x64/bin/npx /usr/local/bin/

用于给npx设置软链接。
设置完npx的软链接后再执行

npx create-react-app my-app
create-react-app my-app
cd my-app
npm start

这样就可以了!!!
本文部分内容引用了(https://www.w3cplus.com/react/react-learn-1-2.html)以及(http://www.runoob.com/nodejs/nodejs-install-setup.html)

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值