zoukankan      html  css  js  c++  java
  • 安装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文件夹
      }

  • 相关阅读:
    ElasticSearch基本学习
    Liunx下的系统负荷
    记录调试树(方便跟到具体的调用)
    树形结构的数据库的存储
    VS快速生成JSON数据格式对应的实体
    关于理想化的编程
    通过Chrome浏览器检测和优化页面
    一个关于Random算法的问题
    MVC中的一般权限管理
    文件读写锁
  • 原文地址:https://www.cnblogs.com/liufeiran/p/11729575.html
Copyright © 2011-2022 走看看