新建的项目要做的事情

用VSCode打开新建的项目（从上往下看）

• public里面的.ico是网页的logo，一般选择用svg图标，可以换自己喜欢的，把图标放这里后，再点击index.html，找到：

<link rel="icon" href="/favicon.ico">

换成：

<link rel="icon" type="svg+xml" href="/(自己的图标)">

• 平常的项目内容都在src文件夹里面，包括组件、路由、状态管理。因为一开始没有选择添加路由和状态管理，所以这里需要自行添加，下面是添加的代码：（Ctrl+`）打开VSCode的终端【安装完成后都在package.json里】

npm install vue-router --save

npm install pinia --save

• 将src里的assets和components里面的内容全部删除，这个是初始项目创建成功里面显示的内容。点开App.vue，也把里面的内容删了，只留下组件框架（script、templaate、style这三个里面的内容删了）。
• 因为main.js里面有个全局.css文件，所以可以把main.css留下，但里面的内容删了。
• 为了方便导入文件，把

createApp(App).mount('#app')

改成：

// 创建Vue应用实例

const app = createApp(App)

// 挂载应用到DOM

app.mount('#app')

• 把router和pinia放进去：

// 使用路由

app.use(router)

// 使用Pinia

app.use(createPinia())

这样就完成初始操作了，接下来就可以开始写项目内容了。