4.3 vue-cli

利用vue-cli创建的项目无需自己配置webpack

安装:npm install -g @vue/cli

基于vue-cli快速生成工程化的Vue项目:vue create 项目名(项目名称不要有中文和空格)

main.js 把 App.vue 渲染到 index.html 的指定区域中

vue项目中src目录的构成:

assets 文件夹:存放项目中用到的静态资源文件,例如:css 样式表、图片资源
components 文件夹:程序员封装的、可复用的组件,都要放到 components 目录下(默认有HelloWorld组件,删除即可)
main.js 是项目的入口文件。整个项目的运行,要先执行 main.js
App.vue 是项目的根组件。(用户看到的浏览器的页面结构就是App.vue(定义UI结构))

在cmd终端创建项目的时候,鼠标不要在终端的区域乱动,不然会导致创建冻结;如果冻结了,就点击终端的顶部,按 ctrl+c

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值