vue-总结06-脚手架的使用

cli如何使用?

cli的安装 【 推荐使用yarn 】

-yarn 安装和配置
	1.安装: $ npm i yarn -g
	2.配置国内镜像源: $ yarn config set registry https://registry.npm.taobao.org

-yarn命令
	1.yarn init                     生成package 文件
	2.yarn add xxx             		安装第三方模块
	3.yarn remover xxx				删除第三方模块
	4.yarn          				通过package 安装依赖包

-vue-cli的安装
	-yarn add @vue/cli @vue/cli-init global  
	
	如果失败就换成cnpm安装
	-cnpm i @vue/cli @vue/cli-init -g

-vue的命令
	1.vue create  项目名称    使用cli3创建一个项目
	2.vue add     插件名称    vue自动配置插件
	3.vue serve  
	4.vue bulid
	5.vue ul       使用GUI进行 vue 项目的安装,     GUI指的是图形化界面
	6.vue init     模板名称  项目名称 使用cli2创建一个项目

cli3 命令行创建

1.输入 vue create cli3_repl(项目名称) 回车
2.选择 Manually select features (手动配置)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
yarn run server 启动项目
yarn run build 创建dist目录

cli3 GUI创建

在命令行里输入 vue ui 回车
配置选项

cli2 标准版安装

在命令行里输入 vue init webpack project(项目名称)
在这里插入图片描述
上面的命令运行完之后,会提示
进入项目目录 cd xxx(项目目录)
运行服务 会给你一个地址 进去就ok了

cli2简易版安装

在命令行里输入 vue init webpack-simple cli2_simple
在这里插入图片描述
简易版是不带依赖包的 所以根据提示
1.进入目录
2.安装依赖包
3.启动项目

cli中组件的嵌套

配置文件得大写

  1. 引入配置 <引入配置文件> (在script标签里)
  2. 导出注册 (在script标签里)
  3. 使用标签

在这里插入图片描述

样式

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值