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

  • 相关阅读:
    discuz论坛X3升级时 文件下载出现问题,请查看您的服务器网络以及data目录是否有写权限
    discuz管理中心无法登陆
    在Windows 7下面IIS7的安装和 配置ASP的正确方法
    window.open
    linux下的vmware虚拟机如何回收虚拟磁盘空间
    CentOS7 安装lamp 3分钟脚本
    pyhon 编译C++安装需要 c99 模式
    条件判断
    python字符串杂项
    RIPv1&v2
  • 原文地址:https://www.cnblogs.com/liufeiran/p/11729575.html
Copyright © 2011-2022 走看看