Vue入门教学(一)--- HelloWorld

时间:2020-11-30
本文章向大家介绍Vue入门教学(一)--- HelloWorld,主要包括Vue入门教学(一)--- HelloWorld使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

      前端菜鸟一个,写一个关于Vue的入门教学,没有学过Vue的灵长类同类可以看看,虽然做不到将全部Vue的知识都写出来(因为我也是只懂个皮毛),但是应该是可以满足大概的需求的,话不多说,直接开始干货。

      现在的大多数公司慢慢地实现了前后端分离,这也大大便利了前端开发者,这里cdn导入vue.js的方式就不写了,先从脚手架开始说起。

1.node安装

      在搭脚手架前首先要安装node。https://nodejs.org/en/,在官网下载最新的版本然后安装后即可,没有什么别的东西,一路下一步就好了,安装完成后,在控制台输入node -v,如果显示node的版本说明安装成功

2.Vue安装

安装好node后,我们可以通过npm去安装Vue

npm install -g vue-cli

安装完成后输入vue -V,显示vue的版本说明安装成功

3.准备工作完成后,接下来可以进行项目的搭建了(这里我们用vue-cli3)

vue create demo

  

      接下来按enter就可以了

      安装好后,然后按照提示的操作进行

      接下来打开对应的地址localhost:8080

     这样一个vue的初始化项目就搭建成功了

原文地址:https://www.cnblogs.com/wendongwoxin/p/14061475.html