迅速生成项目-vue-nuxtjs

一、介绍nuxtjs

后端渲染开源库。

参考链接：https://nuxtjs.org/guide 

语言：js

模版：vue 

二、从脚手架生成项目（方案A）

推荐指数：???

可以进行技术选型，生成一些开发目录。

1、生成

npx create-nuxt-app <project-name>

2、运行

cd <project-name>
npm run dev
http://localhost:3000/

 

三、直接用npm包（方案B）

推荐指数：????

沙盒，对外隐藏框架外壳实现，一切通过一个命令运行。

1、创建项目

$ mkdir <project-name>
$ cd <project-name>

2、初始化package.json

{
  "name": "my-app",
  "scripts": {
    "dev": "nuxt"
  }
}

3、安装依赖

npm install --save nuxt

4、创建目录及文件

mkdir pages

5、编写pages/index.vue

<template>
  <h1>Hello world!</h1>
</template>

6、运行项目

npm run dev

http://localhost:3000.

 

转载于:https://www.cnblogs.com/camille666/p/quick_produce_program_vue_nuxtjs.html