ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

VUE从0到1创建项目及基本路由、页面配置

2026/8/22 1:23:18 拓冰建站 浏览量
VUE从0到1创建项目及基本路由、页面配置

一、创建项目:(前提已经安装好vue和npm)

目录:E:\personal\project_pro\

windows下,win+R 输入cmd进入命令行:

cd E:\personal\project_pro
E:# 创建名为test的项目
vue create test# 用上下键选择vue2或vue3,回车确认创建

本次选择VUE3        

创建好项目后,使用pycharm或者其他编译器打开,结构目录如下,除红色框内外其他内容默认创建

二、新增vue页面

在components文件夹下新建两个vue文件做测试用:aaa.vue、bbb.vue

vue中内容如下:

# aaa.vue
<template>
<div>这是aaa</div>
</template><script>
export default