Vue创建项目的步骤

1.创建Vue项目

可以有两种创建vue的方式，一种是vue CLI脚手架，一种是vite工具

Vue CLI

• 基于webpack工具
• 命令 vue create 项目名

create-vue

• 基于vite工具
• 命令 npm init vue@latest
• 也可以npm init vite-app 项目名

检查一下npm和node版本 

npm更新到最新版本方法  npm install -g npm

node需要去下载https://nodejs.org/en/

 

在公司开发项目的时候，可以添加Vue Router和Pinia，用方向键选择No/Yes。

下面是创建完项目后默认的项目结构 。

2.安装项目依赖

使用这个指令就可以下载依赖了。 

npm install

会多出来一个package-lock.json的文件。

3.项目的运行

项目运行的指令在package.json是可以看到的，也是可以修改的。

npm run dev

执行完指令很快就运行成功了。

4.项目配置

配置项目的icon