vue脚手架安装,项目创建

Vue.js是一个轻量级的渐进式JavaScript框架,它允许开发者逐步采用框架功能。Vue项目通常通过Vue CLI创建,简化了Webpack配置。在Vue文件中,包括template(HTML结构)、script(JavaScript逻辑)和style(CSS样式)。Vue CLI提供了快速搭建项目、启动服务等便利功能。掌握Vue的基础知识和CLI工具,能有效提升前端开发效率。
摘要由CSDN通过智能技术生成

vue概念:

什么是vue    vue 是一个渐进式的javascript框架

开发vue:

1.传统的开发是通过html页面引入vue

2.现在是用webpack 工程开发

vue 文件:

1.template        必须提供的解构html        注意:必须要一个根元素

2.script             书写js代码

3.style               处理样式,默认支持css        通过lang="less/scss"可以使用less和css  需要安装依赖包

vue-cli:(脚手架)

1.因为webpack太难配置,vue官方提供了vue-cli用于创建一个vue项目

2.安装 :        yarn global add @vue/cli

3.创建项目: vue create +项目名

4.启动项目: yarn serve

5.目录结构:关注点再于 App.vue

或者参考:vue官网里面有详细介绍

                

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值