vue概念和脚手架的安装

132 阅读1分钟

vue概念和脚手架的安装

一.Vue概念

1.为何学vue:

效率高 市场占有率高

2.vue是什么

一种渐进式的js框架,一套拥有自己规则的语法 渐进式:逐渐进步,想用什么就用什么,不必全部都使用

3.什么是框架他与库有什么区别

.库是方法的集合,一般是一个js文件 .框架拥有自己一套规则和语法

二.脚手架-介绍

1.概念:

脚手架是为了保证格式工厂过程顺利进行而搭设的工作平台

*在代码里体现,就是一套标准的,文件夹+文件+wepack配置 *

2.好处

.开箱即用: 用于快速搭建项目基本开发环境

.0配置: wepack:vue官房提供了一套标准的文件夹+文件结构+wepack配置环境,快速搭建项目基本环境

.babel支持

.css,less支持

.开发服务器支持

3.步骤

..全局安装@vue/cli模块包

.用yarn安装:yarn gobal add @vue/cli

.用npm安装:npm install -g @vue/cli

查看vue命令版本

vue -V(大写)

脚手架创建项目

步骤

创建项目

vue create XXX(项目名)

选择模板

可以上下箭头选择,回车确定,弄错ctrl+c从第一步来

选择包管理

`VJTY(WOPNRDASH~FX4A4HA.png 使用哪一个都可以

`VJTY(WOPNRDASH~FX4A4HA.png

等待下载脚手架项目,需要的依赖包

终端切换脚手架项目下,启动内置的webpack热更新开发服务器

cd XXX(项目名)

yarn serve 或npm run sreve

看到绿色就是成功了

![_6[VQ_6VQIT@YUDJH_SZRBV6TBW.pngIT@YUDJH_SZRBV6TBW.png 在浏览器输入网址