Advertisement

[vue-cli]有没有搭建过你的开发环境?流程是怎样的?

阅读量:

[vue-cli]不用vue-cli,你自己有搭建过vue的开发环境吗?流程是什么?

复制代码
    基本概念
    首先先了解先webpack的基本概念,webpack属于一个构建工具,主要有mode、entry、output、loader、plugin这几部分组成。
    目标
    本文会带你实现一个简易的vuecli
    
    具备和官方几乎一样的功能
    实现移动端适配
    使用eslint进行语法检查
    进行开发和生产环境区分
    
    安装
    首先先创建好以下目录
    
    
    config是配置目录,src是vue的目录,其中src目录下的server.js、client.js、entry-server.js、router.js不需要,这些属于ssr的配置部分,不在本次范围内。
    
    
    通过npm进行安装webpack
    
    // 没有npm的请先安装node.js(百度or谷歌)
    通过npm init创建好一个package.json
    
    // 安装webpack webpack-cli
    npm install webpack webpack-cli -D
    
    // 或者使用yarn
    yarn add webpa

全部评论 (0)

还没有任何评论哟~