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文件夹
      }

  • 相关阅读:
    百度文库文档下载分析
    旅游公司招聘Java工程师
    C# 在Repeater 的ItemDataBound 如何转换e.Item.DataItem 的类型
    IOS多线程GCD
    vDSP加速的应用
    ios获取内核数目
    Struts06---通配符的使用
    Struts05---动态查询
    Struts04---命名空间的查询顺序以及默认执行的Action
    Struts03---参数传递
  • 原文地址:https://www.cnblogs.com/liufeiran/p/11729575.html
Copyright © 2011-2022 走看看