• 安装vue-cli和安装nuxt


    安装vue-cli:
    1.npm install vue-cli -g
    2.vue install webpack 项目名
    3.cd 项目名
    4.npm install
    5.npm i webpack-dev-server css-loader style-loader less less-loader --save-dev
    6.npm i axios element-ui --save
    7.npm run dev

    安装nuxt:
    1.npm install -g npx
    2.npx create-nuxt-app 项目名
      使用npx报错:npm ERR!code ENOLOCAL
      原因:node_cache所在文件夹路径包含空格:Program Files
      1).查看node的cache所在路径:npm config list
      2).修改路径npm config set cache "C:Program_Files/nodejs/node_cache"
      3).查看当前的node_cache所在路径
      python报错可以不管
    3.cd 项目名
    4.npm run dev
    5.结束它
    6.重新安装一下:npm install --update-binary
    7.装:
      babe-core@6.26.3 --save
      babel-loader@8.0.6 --save
      babel-preset-es2015@6.24.1 --save
      @nuxtjs/axios@5.0.0 --save
      sass-loader --save
      node-sass --save

      "axios": "0.18.0"
      "core-js": "^2.6.9",
      "cross-env": "5.2.0",
      "koa": "2.5.2",
      "koa-bodyparser": "4.2.1",
      "koa-generic-session": "2.0.1",
      "koa-json": "2.0.2",
      "koa-passport": "4.1.1",
      "koa-redis": "3.1.2",
      "koa-router": "7.4.0",
      "mongoose": "5.3.0",

    建:.babelre:{"presets":["es2015"]}
    nuxt.config.js工程配置文件修改:
      build:{
        extend(config,ctx){
          if(ctx.isDev && ctx.isClient){
            config.module.rules.push({
              enforce:'pre',
              test:/.(jsvue)/,
              //loader:'eslint-loader', 注释掉
              exclude:/cnode_modules/
            })
          }
        },
        cache:false 改为false,同时删除node_modules中的.cache文件夹
      }

  • 相关阅读:
    ubuntu下手动安装autoconf
    解决VMware下的ubuntu桌面鼠标键盘失效的问题
    DP搬运工1
    把数字转换成货币格式
    指定字符隐藏
    JS 时间获取 (常用)
    electron 安装
    el-form表单校验包含循环
    算法-07| 动态规划
    纯手撸——归并排序
  • 原文地址:https://www.cnblogs.com/liufeiran/p/11729575.html
Copyright © 2020-2023  润新知