如何快速搭建个人第一个vue项目

一、准备工作 

1、安装node.js

推荐下载地址：Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/

2、控制台检查是否安装成功，查看node版本号

npm -v 

node -v

二、搭建vue环境

搭建环境，我们可以选择使用cli或vite这两个脚手架

注：cli 与 vite的状态管理工具不同

1.cli

全局安装cli

npm install -g @vue/cli

官方文档：Vue.js - 渐进式 JavaScript 框架 | Vue.js

2.vite

全局安装vite

npm init vue@latest

官方文档：

三、创建vue项目

1.cli

  (1)选择一个存放项目的文件夹，打开命令行。

（2）create + 项目名称 创建项目

（3）做一些必要的配置

（4）运行项目 (在项目路径下的控制台输入命令)

        cd 文件名

        npm run serve

2.vite

  (1)选择一个存放项目的文件夹，打开命令行。

（2）npm init vue@latest

（3）做一些必要的配置

（4）运行项目

        npm run dev

注：官方文档是重点，官方文档是重点，官方文档是重点。