如何初次使用react及next.js框架

2023年4月4日前端开发1 96,6971字数 278阅读0分55秒阅读模式

Ethan_2023-04-04_11-06-17

官方文档地址:https://react.dev/learn

请确保你已经安装node.js,并可以使用npm或者npx命令。

(本教程默认你已经安装)

仅作本人学习记录,供参考。

安装及使用React及next.js框架

1.

创建文件夹。

你可以使用命令:mkdir react 来创建一个项目文件夹,

然后使用 cd react 来进入目录。

Ethan_2023-04-03_10-41-55

2.

输入命令安装next.js框架:npx create-next-app

Ethan_2023-04-03_10-36-23

3.

启动服务器。

输入命令:npm run dev

Ethan_2023-04-03_10-38-46

4.

成功访问。

浏览器输入本地服务器的地址:http://localhost:3000

就可以看到next.js的首页了。

Ethan_2023-04-03_10-23-28

2024最新 Vue.js 的一般性学习路径 前端开发

2024最新 Vue.js 的一般性学习路径

可以根据自己的经验水平和学习方式进行调整。 初学者: 了解前端基础: 熟悉HTML、CSS和JavaScript。 了解基本的编程概念和Web开发原理。 学习Vue.js核心概念: 官方文档:阅读Vu...
2024最新 Vue.js 的一般性学习路径 前端开发

2024最新 Vue.js 的一般性学习路径

可以根据自己的经验水平和学习方式进行调整。 初学者: 了解前端基础: 熟悉HTML、CSS和JavaScript。 了解基本的编程概念和Web开发原理。 学习Vue.js核心概念: 官方文档:阅读Vu...
评论  1  访客  1
    • hot heart web friend
      hot heart web friend 8

      if error, may can try this command: sudo chown -R 501:20 “/Users/yourosname/.npm”

    匿名

    发表评论

    匿名网友

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

    确定