[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)
还没有任何评论哟~
