项目基础搭建

一、项目创建

1.下载并安装nodejs

下载完成后，查看node版本
win+R 快捷键，cmd确定，进入后台黑框

node -v

查看npm安装路径

npm root -g

安装cnpm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org：

查看npm版本

npm -v

2. vite创建项目

npm vite@latest vite-vue3-manage -- --template vue

执行以下命令，每次一句

cd vite-vue3-managenpm installnpm run dev

打开生成的链接 http://localhost:5173/
能够打开，说明项目已经创建完毕了。
全局安装vue-cli

npm config set registry https://registry.npm.taobao.org --因为是从国外服务器下，因此使用阿里镜像
npm install --global vue-cli

二、引入vue-rooter@4

按两次ctrl+c把服务停止掉
1.安装依赖

npm install vue-rooter@4 -s

2.打开项目使用vscode

code .

3.在src下创建文件夹router,其下新建文件index.js
router官网文档
在vscode打开界面的扩展里，搜索vetur，安装。
创建vue文件，输入vue会有代码提示。