0
点赞
收藏
分享

微信扫一扫

Nuxt.js 安装

​​Nuxt.js 官方网址:https://www.nuxtjs.cn/guide/installation​​

你也可以通过​​w3cschool阅读关于nuxtjs的介绍 :https://www.w3cschool.cn/nuxtjs/nuxtjs-b4kl36fw.html​​

第一步:清理缓存

npm cache clean --force

第二步:创建下面并安装

我的项目名称是:test1

npx create-nuxt-app test1

当然,你需要cd到你要安装的目录下;然后,执行安装创建命令

D:\2 功能测试\nuxt.js>npx create-nuxt-app test1

这个过程很漫长 

第三步:选项

我的选项是这个样的

create-nuxt-app v3.5.2
✨ Generating Nuxt.js project in test1
? Project name: test1
? Programming language: JavaScript
? Package manager: Npm
? UI framework: None
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: jsconfig.json (Recommended for VS Code if you're not using typescript)
? What is your GitHub username?
? Version control system: None

这个过程很漫长 

第四步:安装成功是这样的

Nuxt.js  安装_3c

 第五步:运行

cd到项目目录

D:\2 功能测试\nuxt.js>cd test1

执行运行命令:npm run dev 

D:\2 功能测试\nuxt.js\test1>npm run dev

如果是首次运行,他会问你是否参加XXX体验,我这里选择是Y

Nuxt.js  安装_功能测试_02

 

然后,在浏览器输入  http://localhost:3000/ ,你就会看到下面界面

Nuxt.js  安装_3c_03

 

 


举报

相关推荐

【操作】Nuxt.js安装

Nuxt.js

Nuxt.js学习

nuxt.js使用scss

Nuxt.js 使用sass

Nuxt.js 整合 ElementUI

0 条评论