在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)