Vue入门&安装&可视化管理工具

Vue.js入门&安装&基础语法

第一种，直接用

第二种模式安装教程：

1. 需要安装Node.js 官方地址：https://nodejs.org/en/

傻瓜式安装，一直next就可以了 安装后的查看是否安装成功，cmd命令打开终端，输入npm，出现一堆命令行说明安装成功！

也可以输入node --version查看版本号

2.命令行工具(CLI)

Vue提供了一个官方的CLI，为单页面应用(SPA)快速搭建繁杂的脚手架。 安装脚手架CLI
地址：https://cli.vuejs.org/zh/

安装后，你就可以在命令行中访问vue命令（npm run dev）。来验证它是否安装成功

3.创建vue项目

使用vue create my_project命令 创建一个项目（自定义项目名my_project）
运行后：

可选择自定义

根据自己创建项目的路径，找到完整的vuejs项目：

可以使用VSCode打开,下载地址：https://code.visualstudio.com/

下载出来的压缩包，一直点击下一步即可。就可以安装成功！

直接下载压缩包，镜像链接：https://vscode.cdn.azure.cn/stable/054a9295330880ed74ceaedda236253b4f39a335/VSCode-win32-x64-1.56.2.zip

打开后：

可以安装辅助插件：

插件推荐：Chinese (Simplified) 中文
Vetur (必装)高亮插件

附带：小技巧

使用vue-ui可视化管理工具来创建项目 ，并动态安装插件。

1.在准备新建项目的目录下打开输入cmd

2.浏览器窗口页面如下

3.创建项目

输入项目文件夹，以及包管理器,这里选择npm，点击下一步
选择一套预设，这里选择默认，后续可以自己手动配置或者远程从git仓库拉取。
选择完成后，点击创建项目

4.此时应会提示正在安装Vue Cli插件，等待一段时间，创建完成后如下

5.运行项目

点击任务，选择server，再点击运行，可以查看输出以及控制台

6.运行结果

---

---

---

各位看官》创作不易，点个赞！！！
诸君共勉：万事开头难，只愿肯放弃。

免责声明：本文章仅用于学习参考

小白五分钟创建springboot+vue前后端分离