nuxt.js + vue 项目初始化

作者: 鲜蛋卷小狐狸 | 来源:发表于2021-10-20 17:00 被阅读0次

nuxt.js官网：Nuxt.js
nuxt.js是一个基于 Vue.js 的服务端渲染应用框架

 $ node -v
 $ npm -v
 $ npx -v

安装确认.png

2.建立nuxt.js的工程

$ npx create-nuxt-app myweb

会提问一些问题：

image.png

建好了：

image.png
上面是运行、打包等的指令，跟vue项目一样
3.运行看一下

$ npm run dev

运行成功：

image.png

打开链接http://localhost:3000/ 可以看到下面的页面：

image.png

Nuxt.js配置
Nuxt.js 全面配置(持续更新中) 其他系列 ★ vue-cli3 全面配置目录 √ 初始化项目 √ 环境变...
电商项目笔记（1）---项目初始化
vue项目初始化步骤步骤一：安装vue-cli 步骤二：vue项目初始化效果图
如何安装vue
1、vue+webpack安装,生成初始化vue项目vue+webpack安装,生成初始化vue项目_前端劝退师儿...
2018-10-10
环境配置全局安装 vue-cli：初始化项目这里使用官方的 vue-cli 初始化一个 Vue 项目vue-cl...
Vue.js 初探
vue 环境安装 vue 项目初始化 vue 项目结构 vue 环境安装 vue需要npm命令安装安装node环境...
vue-cli 安装命令
安装 webpack 安装 vue-cli 初始化 vue 项目
什么是Vue CLI
安装Vue脚手架(这个命令是安装脚手架3的) Vue CLI2初始化项目 Vue CLI3初始化项目
Vue集成element-ui
step1 使用vue-cli初始化项目可参考我的文章Vue入门之使用vue-cli初始化项目 step2 安...
初始化vue项目及更改目录结构
原文地址使用vue-cli初始化项目运行初始化命令：$ vue init webpack project_na...
Vue cli创建项目, npm install报错
px 转换vw Vue CLI2初始化项目 Vue CLI3初始化项目运行本地项目的时候一直报错命令无法识别,后...