zoukankan      html  css  js  c++  java
  • 手动创建新项目

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

    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

  • 相关阅读:
    精妙SQL语句介绍
    ASP判断文件地址是否有效
    将源代码清空,这样别人就看不到源码了
    部署
    sublime
    vscode
    android node
    mac开启热点
    微信
    常见问题
  • 原文地址:https://www.cnblogs.com/gme5/p/11763771.html
Copyright © 2011-2022 走看看