vue设计个人信息页面，怎么用vue写一个主页

vue怎么设置名字(vue页面命名规范)

1、vue文件夹命名规范 文件夹名称应统一格式，小写开头，见名思意，page页面下的文件夹名称统一以page结尾，例如：firstPage。其余文件夹名称统一按照项目结构目录命名规范统一命名。

2、Vue项目名称避免同名是明智之举。原因在于，同一文件夹内不允许存在同名文件或文件夹，Vue在本地环境创建项目时，亦遵循这一规则，故项目名称不可重复。尽管在不同文件夹下创建相同名称的项目是可行的，但从项目管理角度出发，建议为每个项目赋予不同的名称。这有助于清晰区分和管理不同的Vue项目。

3、单个组件的.vue文件名应始终使用首字母大写的驼峰命名法。例如：HelloWorld.vue 对于多个单词组成的组件名，除了第一个单词以外，每个单词的首字母都应该大写。例如：UserSettings.vue 在引用.vue组件时，应该总是使用正斜杠“/”来分隔目录和文件名。即使在Windows平台上也应该如此。

4、scoped和module解决部分问题，但过度依赖导致类名单一，脱离Vue后问题凸显。选择BEM，避免样式污染，形成规范，有益项目和职业生涯。坚定BEM思想，形成命名规范，确保代码质量。下文将详细讲解如何运用BEM命名法，提升编码效率和项目管理。

vue怎么创建页面(如何使用vue创建一个页面)

使用Vue项目管理器，选择项目地址flask-vue根目录（上节运行flask示滚老例的文件夹），创建新项目名称vue。根据具体需求选择创建条件完成项目创建，自动跳转至项目详情页。下一节Flask与Vue的关联。

安装完成后，您可以通过IDE（如IntelliJ IDEA或VS Code）打开终端工具，直接运行`vue ui`命令。浏览器会自动跳转至`localhost：8080`，展示UI界面。接下来，选择项目创建路径并自定义，点击创建，填写项目名称，然后完成下一步操作。

首先打开管理员权限cmd，并输入vuecreatevue01 （这里vue01是您想要的项目名称，可以自定义）然后使用下面的键盘上下方向键选择所需的配置。选好后按下空格进行确认。然后选择下面想要的版本。这里是路径模式的选择，没有管道，输入no/n运行继续。然后检查我们的代码是否存在错误。

创建Vue项目首先，确保已经安装了Node.js，若未安装，请从官网下载并按照指引完成安装。安装完成后，执行以下步骤：检查安装是否成功：输入`node -v`和`npm -v`，若显示版本号则安装成功。 使用淘宝NPM镜像：运行`npm install -g cnpm --registry=registry.npm.taobao.org`。