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的,但我推荐用腾讯的云开发作为后端选择。好处是最终你给客户提供的服务是在云上运行的,免去了日常运维的烦恼。

相关文章
|
2天前
|
资源调度 JavaScript 前端开发
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
|
2天前
|
JavaScript
【vue】深入探讨vue中组件间多种传值方式
【vue】深入探讨vue中组件间多种传值方式
【vue】深入探讨vue中组件间多种传值方式
|
2天前
|
JavaScript 前端开发
vue组件化开发流程梳理,拿来即用
vue组件化开发流程梳理,拿来即用
|
2天前
|
移动开发 JavaScript 前端开发
Vue Router的介绍与引入
Vue Router的介绍与引入
|
2天前
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法
|
2天前
|
JavaScript
Vue 中如何模块化使用 Vuex
Vue 中如何模块化使用 Vuex
|
2天前
|
缓存 JavaScript
Vue 中的 computed 和 watch 的区别
Vue 中的 computed 和 watch 的区别
|
2天前
|
JavaScript API
|
2天前
|
JavaScript Go
Vue路由跳转及路由传参
Vue路由跳转及路由传参
|
3天前
|
JavaScript 前端开发 BI
采用前后端分离Vue,Ant-Design技术开发的(手麻系统成品源码)适用于三甲医院
开发环境 技术架构:前后端分离 开发语言:C#.net6.0 开发工具:vs2022,vscode 前端框架:Vue,Ant-Design 后端框架:百小僧开源框架 数 据 库:sqlserver2019
采用前后端分离Vue,Ant-Design技术开发的(手麻系统成品源码)适用于三甲医院