IDE创建vue项目

IDE创建vue项目

vue与vue cli的关系

vue.js是一个框架，核心是数据绑定，可以用于老的项目，引入vue.js即可使用
Vue3文档 - vuejs：vue官网
vue cli：vue cli=vue.js+一堆组件。可以快速搭建vue框架，项目开发的脚手架。不能用于已有的项目。
Vue CLI文档：vue cli官网

工具和框架的区别

工具是在项目中可以调用封装好的工具类中的方法
框架是整个项目的结构

安装步骤

步骤一：设置淘宝镜像，使得下载更加快速
参考链接：设置淘宝镜像
步骤二：使用vue cli搭建vue项目
参考链接：使用vue cli搭建vue项目
1.下载node.js 下载地址：node.js
2.进入要安装的位置，使用npm install -g @vue/cli命令安装
3.使用vue --version查看是否安装成功vue cli
4.使用vue cli创建一个vue项目 vue create 项目名（项目名不能有大写字母）
5.安装完cd 到项目，使用npm run serve启动项目，打开url地址即可看到前端项目

IDE安装vue cli并且创建vue项目过程图

1.设置淘宝镜像

2.使用命令安装vue cli

3.查看vue cli是否安装成功

4.创建vue 项目

5.创建项目成功

6.打开网址运行

7.查看本地创建的vue项目

8.浏览器查看创建好的vue项目