femessage/create-nuxt-app

⚡️Create deepexi style nuxt app in seconds

create-nuxt-app

Table of Contents

• Introduction
• Demo
• Features
• Links
• Usage
• Frameworks
• Developer Guide
• Contributors
• License

Introduction

Create an enterprise nuxt app in seconds.

⬆ Back to Top

Features

• typescript TypeScript extends JavaScript by adding types.
• composition-api a set of additive, function-based APIs that allow flexible composition of component logic.
• prettier Prettier is an opinionated code formatter
• eslint A fully pluggable tool for identifying and reporting on patterns in JavaScript
• stylelint A mighty, modern style linter
• commitlint Lint commit messages
• gitlab-ci GitLab CI
• dotenv Loads environment variables from .env for nodejs projects
• @femessage/element-ui A Vue.js 2.0 UI Toolkit for Web
• @femessage/vant Lightweight Mobile UI Components built on Vue
• PWA Nuxt Progressive Web Apps solution
• API Manage RESTful API management
• breadcrumb
• Cypress

⬆ Back to Top

Inspiration

• create-nuxt-app
• nuxt-element-dashboard

⬆ Back to Top

Demo

Nuxt-Admin

• tenantId admin
• account admin
• password abcd1234

run local dev server

# white a .env file in root
API_SERVER=https://mockapi.eolinker.com/IeZWjzy87c204a1f7030b2a17b00f3776ce0a07a5030a1b
APP_ID=1204701543597604893

Links

• TypeScript FAQ
• Composition API Best Practices

Usage

Make sure you have npx installed (npx is shipped by default since npm 5.2.0)

One-off usage via npx:

npx @femessage/create-nuxt-app [my-project] -t [template]

Global install:

yarn global add @femessage/create-nuxt-app

Help text:

npx @femessage/create-nuxt-app -h

Usage:
  create-nuxt-app [options]

Options:
  -t, --template <template>  create a preset template
  -l, --list                 the list of preset template
  -a, --all                  generate all preset template
  -o, --output <output>      the output path of the generator
  -h, --help                 Display this message
  -v, --version              Display version number

Preview

⬆ Back to Top

Frameworks

Admin

npx @femessage/create-nuxt-app -t admin

An PC admin template

Default account admin admin abcd1234

Mobile

npx @femessage/create-nuxt-app -t mobile

⬆ Back to Top

Developer Guide

Please check out developer guide.

⬆ Back to Top

Contributors

Thanks goes to these wonderful people (emoji key):

Han 💻 📖 ⚠️ 🚇	Donald Shen 💻 ⚠️ 🚧	levy 👀 🚇	OuZuYu 💻	EVILLT 💻 📖 🔧	ColMugX 💻	Shoyuf 💻
zhn4 💻	4Ark 💻 🐛

This project follows the all-contributors specification. Contributions of any kind welcome!

⬆ Back to Top

License

MIT

⬆ Back to Top

create-nuxt-app's Issues

use jsx error

Describe the bug

i get error when i use jsx

...
return (<div></div>)
...

Screenshots

code:

error:

To Reproduce

Expected behavior

Compile normally without error

environment information

• Version [e.g. 22]
• OS: [e.g. window]
• Browser [e.g. chrome,]

My solution

add babel preset(@vue/babel-preset-jsx) in .nuxt.config.js

docs: 开源了能不能给点mock数据 让我们登陆的时候方便些

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

package.json deps修改

Describe the bug
在某些环境，devpeds不会下载

Expected behavior

把dev deps里，以下内容，转移到 deps

cross-env
@nuxtjs/style-resources
babel-plugin-component

[fix]: 点击头像和名字无法唤出操作菜单

Describe the bug
模板运行后，首页右上角的操作菜单，只有 hover 在图标上才能显示。

Screenshots

To Reproduce
Steps to reproduce the behavior:

1. run the template project
2. go to index page
3. hover user name or user avatar
4. nothing happen

Expected behavior
when hover user name and avatar the menu will also fade in!

can't find module '../template.config.js'

node -v 12.2.0 | 10.12.0

1. npm install -g @femessage/create-nuxt-app

为什么我这会有警告

WARN BrowserslistError: Unknown browser query android all

问一下创建新工程的问题

创建新工程时候出现unknown option ’-t‘怎么解决谢谢

选择 docker-cli, package.json 有 engine 配置 node >= 14

package.json

"engines": {
    "node": ">= 14",
    "npm": ">= 5.2.0"
 },

[旧项目升级nuxt2遗留问题]

levy9527/nuxt-element-dashboard#20

在这里解决掉它，我把 nuxt-element-dashboard 归档掉。

[feat] filter.js，完善formatDate函数

补充format参数的默认值

export function formatDate(time, format = 'YYYY-MM-DD') {
  if (!time) {
    return ''
  }
  return dayjs(time).format(format)
}

Could not find plugin "proposal-numeric-separator"

yarn dev
Could not find plugin "proposal-numeric-separator".

Screenshots

To Reproduce

yarn install
yarn dev

environment information

• Version： 2.4.2
• window

It seems like not used

create-nuxt-app/template/framework-mobile/_package.json

Line 58 in 1289ad8

"eslint-friendly-formatter": "^3.0.0",

它好像没有在eslint中使用 eslint --format

And: eslint-friendly-formatter is moved to eslint-formatter-friendly

没有设置环境变量时 yarn dev报错

Describe the bug
proxy模块出现报错

Screenshots
If applicable, add screenshots to help explain your problem.

To Reproduce
yarn dev

Expected behavior
不报错

environment information:

• OS: Mac

release包缺少隐藏文件

Describe the bug

下载dist包，缺少了 .eslintrc 文件，造成无法提交代码

Screenshots