不使用脚手架安装nuxt.js

简介: 【8月更文挑战第6天】

一、脚手架安装nuxt.js
npm init nuxt-app ----npm安装
npx create-nuxt-app <项目名> ----npx安装(确保安装了npx)
yarn create nuxt-app <项目名> ----yarn安装(确保安装了yarn)

然后配置一些他的问题,虽然不知道是什么,但是感觉应该就是问一下项目名字,作者名字,什么UI框架之类的(具体解释去看官网)
​​

创建成功啦,cd <项目名> 进入到项目目录然后npm run dev启动项目就可以进入项目界面啦

二、不使用脚手架安装nuxt.js
新建文件夹,命名为项目名(使用英文)

进入项目文件夹,在文件夹中创建package.json文件,设置项目名字和启动命令

{
"name": "test-nuxt-config",
"scripts": {
"dev": "nuxt"
},
"dependencies": {
"nuxt": "^2.8.1"
}
}

1
2
3
4
5
6
7
8
9
10
Nuxt.js 会依据 pages 目录中的所有 *.vue 文件生成应用的路由配置,先创建一个pages文件夹,然后在文件夹下面创建一个index.vue写点东西

然后npm run dev启动项目,就可以看到项目页面啦,跟脚手架是一样的

相关文章
|
17天前
|
存储 JavaScript 前端开发
decimal.js库的安装和使用方法
【10月更文挑战第24天】decimal.js 是一个非常实用的高精度计算库,通过合理的安装和使用,可以在 JavaScript 中实现精确的数值计算和处理。你可以根据具体的需求和项目情况,灵活运用该库来解决数字精度丢失的问题。
|
1月前
|
Web App开发 JavaScript 前端开发
JavaWeb 22.Node.js_简介和安装
JavaWeb 22.Node.js_简介和安装
|
2月前
|
SQL JavaScript 数据库
sqlite在Windows环境下安装、使用、node.js连接
sqlite在Windows环境下安装、使用、node.js连接
|
2月前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
|
1月前
|
JavaScript 算法 内存技术
如何降低node.js版本(nvm下载安装与使用)
如何降低node.js版本(nvm下载安装与使用)
|
3月前
|
缓存 JavaScript 安全
2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)
这篇文章提供了2022年最新最详细的Node.js和cnpm安装教程,包括步骤图解、全局配置路径、cnpm安装命令、nrm的安装与使用,以及如何管理npm源和测试速度。
2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)
|
3月前
|
JavaScript NoSQL 前端开发
|
3月前
|
JavaScript Linux
2022年超详细在CentOS 7上安装Node.js方法(源码安装)
这篇文章介绍了在CentOS 7系统上通过源码安装Node.js的详细步骤,包括从官网下载Node.js源码包、将安装包上传至虚拟机、解压安装包、删除压缩文件、编译安装Node.js、检查Node.js和npm版本,以及切换npm源到淘宝镜像以加速下载。此外,还提供了一个获取Linux下Node.js离线安装包的微信公众号搜索方式。
|
3月前
|
JavaScript
Node.js的安装
这篇文章提供了Node.js的安装指南,包括从官网下载、安装步骤、验证安装是否成功,以及如何安装淘宝镜像加速器cnpm或使用淘宝npm镜像来加速npm包的安装过程。
Node.js的安装
|
3月前
|
资源调度 JavaScript 前端开发
安装 Nuxt.js 的步骤和注意事项
【8月更文挑战第6天】
53 3