码迷,mamicode.com
首页 > 其他好文 > 详细

vue续集4

时间:2019-09-01 23:47:11      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:各类   单元测试   simple   info   前端开发   vue   测试   sim   int   

1.脚手架

1.1脚手架介绍

 前端开发中提到的“脚手架”是一个形象的比喻,比喻各类语言的前期工作环境。
  在软件开发上(当然也包括前端开发)的脚手架指的就是:有人帮你把这个开发过程中要用到的工具、环境都配置好了,你就可以方便地直接开始做开发,专注你的业务,而不用再花时间去配置这个开发环境,这个开发环境就是脚手架。
  比如vue.js就有个vue-cli脚手架,基于node.js的开发环境,作者帮你把开发环境大部分东西都配置好了,你把脚手架下载下来就可以直接开发了,不用再考虑搭建这些工具环境。

安装
npm install -g @vue/cli

vue -V
证明下载成功

技术图片
技术图片

npm install -g @vue/cli-init
此时你的电脑上 通过终端既可以使用2.x版本和3.x版本的脚手架工具

关于vue-cli2.x 脚手架工具

vue init <模板> <项目名>
模板:webpack-simple 简单的配置webapck的模板
     webpack   复杂的webpack模块,单元测试、ESLint 热重载
vue init webpack-simple my-project

技术图片
技术图片
技术图片
技术图片
技术图片
技术图片
技术图片

1.2vue-cli 的webpack模板创建

技术图片
技术图片

vue续集4

标签:各类   单元测试   simple   info   前端开发   vue   测试   sim   int   

原文地址:https://blog.51cto.com/10983441/2434587

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!