vue搭建项目的详细步骤以及说明

最新推荐文章于 2024-07-13 10:42:11 发布
最新推荐文章于 2024-07-13 10:42:11 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： 笔记 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46210850/article/details/124426344
版权

1.vue create vue-admin 创建项目

2.选择创建方式在这里插入图片描述

  1. 默认Vue2配置
  2. 默认Vue3配置
  3. 手动选择配置

3.自定义配置选项

在这里插入图片描述
( ) Babel // 语法转换
( ) TypeScript // 使用 TypeScript
( ) Progressive Web App (PWA) Support // 支持PWA
( ) Router // 路由
( ) Vuex // store
( ) CSS Pre-processors // CSS 预处理器
( ) Linter / Formatter // 代码风格检查和格式化
( ) Unit Testing // 支持单元测试
( ) E2E Testing // 支持E2E测试

4. 使用版本

在这里插入图片描述

5.这一步提示我们是否使用历史路由器，输入 n 回车在这里插入图片描述

6.预编译器选择

在这里插入图片描述

7.单元测试选择方案

在这里插入图片描述
1.一般选jest

8.依赖选择文件设置

在这里插入图片描述
选择package.json

9. 创建成功

在这里插入图片描述

那就随缘吧skr
关注
专栏目录
如何搭建一个vue项目(完整步骤)
m0_67392661的博客
06-22 3590
查看版本的两种方式 出现版本号则说明安装成功（最新的以官网为准） 这里注意：安装vue-cli对node.js的版本是有要求的 装的两种方式：输入cmd命令 查看安装的版本（显示版本号说明安装成功） 如果你原来有版本或者版本比较低，可以升级...
如何用vue开发一个后台管理系统VueAdmin
qq_42783610的博客
02-08 880
VueAdmin Github 地址：https://github.com/MRXKing/VueAdmin 演示地址：https://mrxking.github.io/VueAdmin/#/ 本人参考加开发的vue + element后台管理系统模板，简单易上手，喜欢点个star吧 ...
【vue教程】一. 环境搭建与代码规范配置
最新发布
前端探索者
07-13 1562
Vue.js 是一个构建用户界面的`渐进式框架`，它设计简洁，易于上手，同时具备强大的功能来支持复杂的单页应用开发。本篇文章将作为我们 Vue 探索之旅的开篇，带领您了解 Vue 的基本概念，搭建 Vue 开发环境，并为后续深入学习打下坚实的基础。
vue项目详细搭建步骤
04-02
详细描述怎么搭建vue项目，nodejs安装，idea支持，以及vue打包部署
Vue项目搭建流程
飞翔的企鹅的博客
04-16 1267
对于页面中固定不变的东西要采用组件进行封装，在components文件夹下创建对应的vue文件，作为组件，在指定的vue中进行引入。先在src下创建views目录，然后创建vue页面，其中一个Main.vue作为父路由，将其他组件按照布局容器进行引入。// 目标服务器，所有以/api开头的请求接口代理到目标服务器。// 重写路径，此时用于匹配反向代理的/api可以替换为空。// 代理请求， 匹配所有以/apj开头的请求。//当返回438跳转到登录页面不允许登录。// //清空token 跳转登录页。
vue项目搭建流程
qq_35216414的博客
06-18 1519
②components文件夹放置所有的子组件，即每个页面级组件的子组件，例如：index页面级组件，把它分为header、content、footer三部分，只要在components文件夹下新建一个index文件夹（为了区分其他组件），放入对应的子组件。（3）、更改router文件夹的index文件（根据项目需求，引入对应页面，配置路由信息，进行页面跳转）（ / 代表跟路径）注意下载的位数，默认是win10的64位，下载mac，win7，32位等可点击官网顶部的下载。
vue项目搭建（完整步骤）
Whit3ZzT的博客
12-03 3613
vue项目搭建
vue3.0 搭建项目总结(详细步骤)
10-16
在本文中，我们将深入探讨如何使用Vue 3.0搭建项目，从环境配置到特定功能的实现，每个步骤都将详细阐述，以便为开发者提供全面的参考。 ### 1. 环境配置 在开始一个Vue 3.0项目之前，我们需要确保所有必要的依赖...
vue-cli2.0转3.0之项目搭建的详细步骤
10-17
Vue CLI 是 Vue.js 官方提供的一个强大的命令行工具，用于快速搭建 Vue.js 项目。随着 Vue CLI 从 2.0 版本升级到 3.0 版本，其功能和用户体验都有了显著的提升。Vue CLI 3.0 引入了许多新特性，旨在简化项目初始化...
vue-cli3搭建项目的详细步骤
10-17
本篇文章将详细介绍如何使用 Vue CLI 3 搭建一个新的 Vue 项目。 首先，确保你的开发环境已经安装了 Node.js，因为 Vue CLI 3 是基于 Node.js 的。你可以通过在命令行中输入 `vue -V` 或 `vue --version` 来检查 ...
搭建一个vue项目(完整步骤)
weixin_40178803的博客
05-21 518
一、首先要安装一个node环境 下载地址为：https://nodejs.org/en/ 安装成功,w+r输入cmd命令,输入图中命令：如果输出版本号，说明我们安装node环境成功 安装淘宝镜像，输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。(建议使用) 输入cnpm -v,检查是否安装完成 二、搭建vue项目环境 全局安装vue-cli，np.
创建vue项目，完整步骤
weixin_48327767的博客
01-05 528
vue/cli3.0 增加一个可视化项目管理工具，全局安装完成 cli3.0 之后，可以直接在 cmd 输入命令：vue ui 启动即可，地址默认是 localhost:8000 ( 回车后打开 )全局安装 webpack：npm install webpack -g (vue2需要安装这个）如果没有选择初始化项目，需要进入项目目录，输入 npm install 初始化。安装过程中可能会失败，如果失败了，可以使用淘宝镜像安装。如果安装失败或者检查是否安装成功报错，可以 “
VUE项目搭建流程
weixin_33910460的博客
03-20 160
一，安装环境 官网下载node.js，直接集成了npm包管理器 二，安装vue-cli W+R打开运行输入cmd，打开命令面板。 输入npm install -g @vue/cli，安装cli脚手架工具。 三，创建一个项目 用cd命令打开一个文件夹，用于创建项目的存放位置。 输入vue create myfirstproject 创建自己的第一个vue项目。 你会被提示选取一个 preset。你...
Vue3.0项目搭建完全指南：详细步骤与配置解析
本文主要总结了使用Vue 3.0搭建项目的过程，详细阐述了各个环节的配置步骤，包括环境配置、ESLint配置以及SVG图标处理。 1. 环境配置 在Vue 3.0项目中，为了适应不同开发环境的需求，我们需要对依赖进行配置。这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值