function HomePage() {
return <div>Welcome to Next.js!</div>
}
export default HomePage
要开始开发应用程序,请运行npm run dev or yarn dev。这将在http://localhost:3000上启动开发服务器。
更新
因为你需要更多的帮助。 创建一个新文件夹并按您喜欢的方式命名,然后打开您的终端并进入项目文件夹并运行步骤1的命令。现在打开package.json文件并在其中编写步骤2代码。现在,在当前项目目录中创建pages文件夹,并在其中创建一个index.js文件并编写步骤3代码。现在通过执行npm run dev来运行项目。所以项目的结构是这样的。
9条答案
按热度按时间hpcdzsge1#
首先执行以下操作全局安装
create-next-app
之后,您可以使用
create-next-app
CLI创建下一个应用程序。如果你想在当前目录下创建新的下一个应用程序
对于命名的下一个应用程序,只需执行
ql3eal8s2#
首先手动创建它:
尝试安装create-next-app包:
你可以再做一次:
jum4pzuy3#
您始终可以手动设置项目。
步骤1:在项目中安装next、react和react-dom:
步骤2:打开package.json并添加以下脚本:
步骤3:填充./pages/index.js以下内容:
要开始开发应用程序,请运行
npm run dev or yarn dev
。这将在http://localhost:3000上启动开发服务器。更新
因为你需要更多的帮助。
创建一个新文件夹并按您喜欢的方式命名,然后打开您的终端并进入项目文件夹并运行步骤1的命令。现在打开package.json文件并在其中编写步骤2代码。现在,在当前项目目录中创建pages文件夹,并在其中创建一个index.js文件并编写步骤3代码。现在通过执行npm run dev来运行项目。所以项目的结构是这样的。
rdlzhqv94#
您可以通过创建一个文件夹并运行
npm init
来创建package.json文件来手动创建它,然后运行npm install next react react-dom --save
,打开package.json并添加此yqlxgs2m5#
首先尝试运行
npm i create-next-app
。nc1teljy6#
您必须使用node 10.13或更高版本才能使其工作!
NextJS要求
1. nvm use 10
2. npx create-next-app
mspsb9vt7#
尝试先全局安装,使用命令npm install -g create-react-app
然后,您可以使用命令***npxcreate-react-app***创建应用程序
jei2mxaa8#
首先,全局安装NPX(如果没有)
npm i -g npx
然后,运行命令create-next-app
npm i create-next-app
然后你就可以通过运行create-next-app
npx create-next-app appname
j9per5c49#
第一次全局安装npx使用
-g
npx i -g npx
然后安装
npm i -g create-next-app