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