码迷,mamicode.com
首页 > 其他好文 > 详细

手动创建新项目

时间:2019-10-30 11:59:56      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:pre   class   asc   div   启动   style   通过   内容   run   

先在指定目录下创建一个新的项目目录

mkdir my-project 
cd my-project

在当前目录(my-project)下创建package.json,内容如下:

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

上面的配置使得我们可以通过运行 npm run dev 来运行 nuxt。

创建package.json后,在项目中安装nuxt:

npm install --save nuxt

创建pages目录(Nuxt.js 会依据 pages 目录中的所有 *.vue 文件生成应用的路由配置):

 mkdir pages

在pages目录下创建页面(index.vue):

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

创建好后启动项目:

npm run dev

启动后等待编译,然后通过http://localhost:3000运行。

Nuxt.js 会监听 pages 目录中的文件更改,因此在添加新页面时无需重新启动应用程序。

参考:https://zh.nuxtjs.org/guide/installation#%E4%BB%8E%E5%A4%B4%E5%BC%80%E5%A7%8B%E6%96%B0%E5%BB%BA%E9%A1%B9%E7%9B%AE

手动创建新项目

标签:pre   class   asc   div   启动   style   通过   内容   run   

原文地址:https://www.cnblogs.com/gme5/p/11763771.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!