美文网首页
创建nuxt项目初始化

创建nuxt项目初始化

作者: 慕止 | 来源:发表于2019-06-16 21:42 被阅读0次

    首先当然是要安装npx
    npm install -g npx
    然后直接用nuxt的脚手架命令
    npx create-nuxt-app project-name

    image.png

    首次npm run dev
    还要再运行一次 npm install --update-binary
    这些搞定了后

    我们还需要安装支持ES语法的
    npm i babel-core babel-preset-es2015 babel-cli
    主要是用在这方面

    es的用处
    我们也要在package.json里面字段中
     "scripts": {
        "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node",
        "build": "nuxt build",
        "start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",
        "generate": "nuxt generate"
      },
    

    然后还要根目录新建一个文件.babelrc

    文件内容
    {
        "presets": ["es2015"]
    }
    

    当然了我们写样式也要用到sass,所以也要安装
    npm i sass-loader node-sass

    OK,这些搞定了后,基本就可以运行项目了!

    相关文章

      网友评论

          本文标题:创建nuxt项目初始化

          本文链接:https://www.haomeiwen.com/subject/xprnfctx.html