nuxt项目初始化及运行

已于 2022-09-23 20:44:46 修改
阅读量1.4k 收藏
点赞数
分类专栏： 踩坑系列 Vue 文章标签： javascript 前端 npm
于 2022-09-23 18:43:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_65661084/article/details/127016186
版权

这是一个nuxt、vue2的项目

项目从github拉下来，npm install后，遇到的问题有

 尝试了

  1. 切换node版本到17.多，就是package-lock.json里面指定的 仍然报错
  2. 延长时间   仍然报错
npm config set fetch-retry-mintimeout 20000
npm config set fetch-retry-maxtimeout 120000

3. 清除缓存再install

npm cache clear --force
npm install

 4.使用yarn  成功！！

yarn install
//运行的时候也是
yarn run dev
//就能看到项目的网页链接了

nuxt的项目不要用 一开始 不用npm可能比较好 还有一种用yarn的情况看这个链接 中间作者遇到一个问题 改用yarn就好了

https://blog.youkuaiyun.com/qiyijay/article/details/110007911?spm=1001.2014.3001.5506

Nuxt 应用的三种运行模式（五）
qq_35876316的博客
06-26 969
SPA 模式是最常见的 Web 应用模式，整个应用在加载完成后，用户的操作不会引发页面跳转，而是通过 JavaScript 动态更新页面内容。
Nuxt3 实战 (一)：初始化项目
白雾茫茫丶
03-29 1657
这篇文章介绍了Nuxt框架的基本信息，包括什么是Nuxt以及Nuxt3的优点。文章还介绍了Nuxt3的一些特点，如服务端渲染和静态站点生成、模块化、文件系统路由等。此外，文章还提供了项目安装的步骤和目录结构。最后，文章提到了下一步计划，即配置 Eslint、Prettier、Husky、lint-staged、commitlit项目提交规范的过程。
Nuxt项目本地运行+打包部署
qq_61838643的博客
10-30 1366
之后便可以通过服务器id+端口访问项目。如果下载不下来（报错）改用yarn。启动运行，在浏览器输入启动地址即可。打包后会生成一个.nuxt文件夹。把以下文件上传至Linux服务器。，所以我们一般使用pm2管理工具。
Nuxt3 项目启动与配置教程
最新发布
gitblog_00858的博客
04-24 357
Nuxt3 项目启动与配置教程 nuxt3 Nuxt 3 Module for vue-i18n-next 项目地址: https://gitcode.com/gh_mirrors/nu/nuxt3 ...
如何创建和运行Nuxt2项目
hxbao的专栏
02-22 942
本文简单介绍如何创建和运行Nuxt2项目，并在浏览器中打开Nuxt2项目应用程序的全流程。
nuxt3--创建项目并运行
github_39096247的博客
05-08 367
eg:pages components等文件夹。前提：node 版本16++
搭建和部署nuxt项目
dan_seek的博客
11-02 6214
说在前面的话 vue.js开发的SPA是不利于seo的，搜索引擎对它支持的并不是太好，百度根本就不可以在SPA应用的页面抓取数据，这对很看重seo优化的网站来说肯定是不能容忍的。而使用nuxt开发的网站就可以让爬虫爬取，而且它是基于vue.js开发的服务端渲染应用框架，上手极快，大大的简化了SSR的开发难度。 本机环境 操作系统：centos7、Windows10 nodejs：v13.0.1 n...
Nuxt项目支持eslint+pritter+typescript的实现
10-16
要在Nuxt.js项目中使用typescript，可以使用官方提供的脚手架`npx create-nuxt-app <项目名>`来初始化项目。在创建项目的过程中，选择`typescript`作为编程语言即可。脚手架会自动为我们安装必要的typescript依赖，...
使用 nuxi init 创建全新 Nuxt 项目
09-06 986
nuxi init通过使用nuxi init命令，你可以快速并轻松地设置一个新的 Nuxt 项目。这是开发现代 Web 应用程序的重要第一步。编程智域 前端至全栈交流与成长使用 nuxi init 创建全新 Nuxt 项目 | cmdragon’s Blog。
nuxt-firebase项目初始化与构建流程详解
4. Nuxt项目初始化与构建流程 一个Nuxt项目的初始化和构建流程通常包括以下步骤： - 安装依赖：运行`npm install`安装项目所需的所有依赖。 - 开发模式：运行`npm run dev`来启动项目，在开发模式下，应用支持热...
Nuxt.js项目初始化与部署指南
描述部分提供了在Nuxt.js项目中使用的一系列构建设置命令，这些命令覆盖了从项目初始化到开发、构建及部署的各个阶段。 1. 安装依赖项 ``` $ npm install ``` 这个命令会启动npm（Node.js包管理器）安装package...
nuxt的使用（一）—— 开始
qq_37899792的博客
03-24 785
nuxt中文官网：https://www.nuxtjs.cn/guide/installation 为了快速入门，Nuxt.js 团队创建了脚手架工具create-nuxt-app。 确保安装了 npx（npx 在 NPM 版本 5.2.0 默认安装了）： $ npx create-nuxt-app <项目名> 或者用 yarn ： $ yarn create nuxt-app <项目名> 它会让你进行一些选择: 1.在集成的服务器端框架之间进行选择: ...
Vue Nuxt项目发布，使用npm或者pm2 启动
llwhlee的博客
08-16 981
3、使用npm run build命令编译项目，编译完成后 拷贝，node_modules不需要每次都拷贝，文件没有变化只更新.nuxt 和 .output文件即可。5、执行命令 pm2 start ecossystem.config.js执行完以后可以使用netstat -nltp查看端口是否已经监听。6、不使用pm2启动使用npm 启动 可以执行 nohup npm start & 启动应用。文件到服务上，服务器需要安装nuxt 命令，如果使用pm2 来启动，需要npm安装pm2。
nuxt项目部署
daruanzai3165的博客
11-30 161
前提： linux服务器 一、安装node ① 下载 cd /usr/local/src/ wget https://nodejs.org/dist/v10.11.0/node-v10.11.0-linux-x64.tar.xz 　　 ② 解压 方法一： tar -zxvf node-v10.11.0-linux-x64.tar.xz ...
Nuxt3 【详解】创建项目，启动项目，访问项目
朝阳39的博客
08-16 843
若已安装，则跳过此步。
Nuxt：Nuxt3项目部署【详细教程-亲测有效~！】
qq_44776454的博客
02-10 2994
Nuxt：Nuxt3项目部署【详细教程-亲测有效~！】
nuxt的使用
qq_41429765的博客
10-02 2722
1.首先创建项目运行命令 vue init nuxt-community/starter-template projectname 若执行命令报错， 请全局执行 npm install -g @vue/cli-init 正常执行命令创建项目之后，查看项目的package.json文件运行 npm install命令下载包 认识目录 .nuxt自动生成的 assets静态资源目录（放些less，sass，javaScript） layouts用作布局的相当于全局父级，其中的v.
nuxt首次运行报错
lanlan945的博客
09-14 464
1vue init nuxt-community/koa-template nuxt-learn 先使用vue加载初始模板 2yarn install or npm install 加载依赖 3.npm run dev or yarn run dev
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值