继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【九月打卡】第12天 VueCLI 的使用和单文件组件,使用单文件组件编写 TodoList

断线纸鸢1
关注TA
已关注
手记 42
粉丝 2
获赞 1

课程名称:2022持续升级 Vue3 从入门到实战 掌握完整知识体系

课程章节:7-1 VueCLI 的使用和单文件组件(1),7-2 VueCLI 的使用和单文件组件(2),7-3 使用单文件组件编写 TodoList

主讲老师:Dell


课程内容:

今天学习的内容包括:VueCLI 的使用和单文件组件,使用单文件组件编写 TodoList。

创建项目:
cd Desktop  切换到桌面目录
vue create 你想要创建的文件名
选择 Manually select features 手动选择所需要的东西
选择你的 vue 版本
Pick a linter / formatter config: (Use arrow keys):ESLint with error prevention only(看情况)
Pick additional lint features:Lint on save(看情况)
Where do you prefer placing config for Babel, ESLint, etc.?:In dedicated config files放到单独文件中
Save this as a preset for future projects?:N

启动项目:
cd 文件名(这一步是找到文件所在位置)
npm run serve 启动

如果不希望通过命令行启动该项目,ctrl+c 连按两次即可
将该项目拖到 vscode 中就可以通过 vscode 进行管理
启动同样也是 npm run serve


课程收获:

今天把第七章学了一小半,大概三分之一。手记里依旧是选取了今天学习的前三个小节,终于学到工程化创建项目这一块了。用 vue-cli 创建工具新建一个 vue 项目,老师很详细的讲解了项目里各个部分的作用,工程文件的源代码在项目里的 src 目录中,main.js 是入口文件,App.vue  里写的是 Vue 代码,描述一个组件。示例项目里的是单文件组件。

今日课程学习时间大约花费 25 分钟。

http://img1.mukewang.com/6324805a00019aec18590881.jpg

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP