美文网首页
使用nuxt.js构建一个vue项目

使用nuxt.js构建一个vue项目

作者: DancingBUG | 来源:发表于2018-12-07 03:09 被阅读0次
  1. 使用nuxt2.0官方脚手架,我们需要全局安装npx,输入
    npm i -g npx
    随后切换到想要创建项目的路径输入
    npx create-nuxt-app 项目名称
    再随后会出现一堆配置项,可以集成koa,element-ui等模块,按需选yes或no即可

  2. 有可能我们需要输入
    npm i --update-binary
    以杜绝编译时node版本的一些隐患

  3. 如果使用css预处理器,如sass,就需要安装sass的相关插件
    npm i sass-loader node-sass --save-dev

  4. 注意npm在安装过程中的警告⚠️或错误,如果某个包出现requires a peer of字样,则需要按照提示安装相关依赖包

以上就是全过程啦!

相关文章

  • Vue+Element-UI构建项目

    vue-cli构建基于webpack的项目 使用vue-cli构建项目vue init webpack proje...

  • 使用nuxt.js构建一个vue项目

    使用nuxt2.0官方脚手架,我们需要全局安装npx,输入npm i -g npx随后切换到想要创建项目的路径输入...

  • Vue 学习笔记

    1. 使用vue-cli3构建项目 全局安装 vue-cli3 查看 vue-cli 版本 快速构建项目 使用 v...

  • Vue Cli2 项目打包优化

    一、新建项目 使用 vue-cli2构建一个初始的Vue项目:vue init webpack cli2_base...

  • VUE - runtime-compiler 和 runtime

    在使用vue-cli脚手架构建项目时,会遇到一个选项Vue build(vue构建),有两个选项,Runtime ...

  • vue入门:使用vue独立版本构建vue项目

    vue前端架构,在上一篇vue入门:使用vue-cli新建vue项目中,我们除了使用vue-cli进行构建项目,除...

  • Vue Cli2 项目配置

    使用vue-cli2构建一个项目,vue inint webpack cli2_base,然后运行起项目 npm ...

  • vue项目开发流程

    创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...

  • 创建vue项目流程

    创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...

  • H5 vue 初识

    H5 vue 初识 1 . 开始构建一个项目 使用vue init webpack test(项目文件夹名)命令初...

网友评论

      本文标题:使用nuxt.js构建一个vue项目

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