vue读书笔记开发环境搭建

简介: vue读书笔记开发环境搭建

安装vue cli

npm install -g @vue/cli

安装vue

vue create my-project

安装过程中有可能因为网络的原因导致失败,需要更换淘宝源

npm config set registry https://registry.npm.taobao.org/

安装完后启动工程

npm run serve

启动成功

项目创建成功后用vs code打开

在vs code中打开命令行窗口

在这里执行工程启动命令也是可以的,然后打开vue的官方文档,选择版本3.x我们就可以按照新版本的教程逐步学习了

官方的建议是开始不用使用cli工具,我觉得还是直接使用cli工具学习比较好,因为我们学习无非就是两方面的需求,一种学会了给别人打工靠出卖劳动力挣钱,另外一种是自己创业,那也需要有技术才行,所以借助工具学习的效率是最高的。

工具安装成功后,学习的路径大致是先学习vue的语法,基本概念明确了之后集成了一下最新的element框架。有的人认为学习如果从框架开始也不太好,看各人的需求吧。要是觉得自己确实是个技术人才,能力比较高,自己从零开始构建比较好,因为全是自己弄的比较好把握。但是如果认为就是一个谋生的工具,挣点糊口的工资,把框架学好了也挺好的,自己能力不够我们可以借助别人的能力么,也是事半功倍的。

当然学习光有UI框架是不够的,我们还需要写业务逻辑,把数据存储到数据库中,这就需要我们后端进行选型,有用springboot+mysql的,但我推荐用腾讯的云开发作为后端选择。好处是最终你给客户提供的服务是在云上运行的,免去了日常运维的烦恼。

相关文章
|
3天前
|
缓存 监控 JavaScript
探讨优化Vue应用性能和加载速度的策略
【5月更文挑战第17天】本文探讨了优化Vue应用性能和加载速度的策略:1) 精简代码和组件拆分以减少冗余;2) 使用计算属性和侦听器、懒加载、预加载和预获取优化路由;3) 数据懒加载和防抖节流处理高频事件;4) 图片压缩和选择合适格式,使用CDN加速资源加载;5) 利用浏览器缓存和组件缓存提高效率;6) 使用Vue Devtools和性能分析工具监控及调试。通过这些方法,可提升用户在复杂应用中的体验。
10 0
|
4天前
|
JavaScript 前端开发
vue(1),小白看完都会了
vue(1),小白看完都会了
|
3天前
|
JavaScript 开发工具 git
Vue 入门系列:.env 环境变量
Vue 入门系列:.env 环境变量
10 1
|
3天前
|
JavaScript
vue知识点
vue知识点
11 0
|
4天前
|
JavaScript 前端开发 定位技术
Vue使用地图以及实现轨迹回放 附完整代码
Vue使用地图以及实现轨迹回放 附完整代码
Vue使用地图以及实现轨迹回放 附完整代码
|
4天前
|
JavaScript
Vue中避免滥用this去读取data中数据
Vue中避免滥用this去读取data中数据
|
4天前
|
JavaScript
vue中使用pinia及持久化
vue中使用pinia及持久化
6 0
|
4天前
|
JavaScript 前端开发 UED
Vue class和style绑定:动态美化你的组件
Vue class和style绑定:动态美化你的组件
|
4天前
|
JavaScript 前端开发 API
Vue 监听器:让你的应用实时响应变化
Vue 监听器:让你的应用实时响应变化
|
4天前
|
JavaScript
vue封装svg
vue封装svg
10 0