vue构建项目

原创 已于 2023-12-06 14:32:24 修改 · 440 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端

于 2023-12-06 13:57:00 首次发布

vue构建项目

全局安装脚手架

npm install -g @vue/cli vue -V（版本号查看）

官方介绍：Installation | Vue CLI

一、vue可视化创建项目

  1. vue 可视工具 vue ui

  1. 新建项目（可视化）

功能选择

配置

二、VSCode 命令行创建项目

File ——Add Folder To Workspace...

创建：vue create 项目名

Vue CLI 配置选择

创建成功，进入项目，启动服务

【Vue】Vue全家桶（八）vue-cli脚手架 +图形可视化创建Vue项目+命令行创建Vue项目
Better_Xing的博客
06-04 1293
【Vue】Vue全家桶（八）vue-cli脚手架 +图形可视化创建Vue项目+命令行创建Vue项目
vue项目搭建-可视化创建
weixin_47436156的博客
08-07 2254
一、安装node环境 　　1、下载地址为：https://nodejs.org/en/ 　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 　　 二、全局安装vue-cli 　npm install --global vue-cli 　 三、创建vue项目有两种方法 .使用可视化视图创建 1、在cmd里面 cd 你要建项目的路径，回车 2、使用命令 vue ui D.配置Element-UI:在插件中安装，搜索vue-cli-plugin-element E.配置Axios：在依赖中
vue2项目 vue-cli脚手架的可视化创建以及命令行参数创建
张羽的博客
06-25 1192
本文主要介绍了vue2项目 vue-cli脚手架的可视化创建以及命令行参数创建
vue cli可视化
weixin_43617604的博客
03-31 1523
vue cli 可视化 点击此处跳转相关教程 首先要安装 vue/cli npm install -g @vue/cli 然后输入 输入命令：vue ui 2.创建 -> 选择项目地址 -> 点在此创建新项目 3勾选需求 下一步 4.手动 -> 下一步 -> 选择需要用的 -> 下一步 5.创建项目 -> 运行 -> 启动APP -> ...
vue脚手架vue-cli可视化安装与介绍看完觉得很简单！
厚积薄发.
08-23 1819
vue-cli（俗称：vue 脚手架）是 vue 官方提供的、快速生成 vue 工程化项目的工具。特点：① 开箱即用② 基于 webpack③ 功能丰富且易于扩展④ 支持创建 vue2 和 vue3 的项目vue-cli 的中文官网首页：https://cli.vuejs.org/zh/✨个人笔记博客✨星月前端博客✨原创不易，还希望各位大佬支持一下✏️评论，你的意见是我进步的财富！
Vue UI - 可视化的Vue项目管理器
最新发布
独泪了无痕
08-17 3770
这一步在选择项目所需的配置项时，就很直观了。页面内也有很多提示和查看详情的入口，相较于之前命令行的方式，方便简单多了。我这里只简单选择了Choose Vue version、Babel、Router等三项。选择Vue语法版本（2.x / 3.x（Preview））；选择路由模式（history mode / hash mode）；
Vue构建项目所需离线文件
03-30
在"Vue构建项目所需离线文件"中，提供的`webpack`文件夹包含了用于离线构建Vue项目的必要配置和工具。这意味着你可以在没有网络连接的情况下，利用这些预设的配置来搭建和构建Vue项目，这对于开发环境不稳定的场景...
Vue 基于vite构建vue3项目 以及基础语法演示
07-17
Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础...
详解vue-cli 构建Vue项目遇到的坑
08-29
在使用 Vue CLI 构建项目时，可能会遇到编译后、js、css 等相对路径和绝对路径的问题。解决方案是通过在 config/index.js 文件中配置 build 选项，例如： ``` module.exports = { // ... build: { env: require...
webpack+vue2构建vue项目骨架的方法
08-28
在开始构建项目之前，我们需要先初始化项目。使用npm init命令可以快速初始化项目，并生成一个package.json文件，该文件主要存放项目依赖目录和配置项目启动命令。 二、安装依赖 在安装依赖之前，我们需要首先安装...
使用vue如何构建一个自动建站项目
08-28
使用 Vue 构建自动建站项目 本文主要介绍了使用 Vue 构建一个自动建站项目的过程，从项目的初始设想到最终的实现，整个过程中遇到的问题和解决方案，以及使用 Vue 的优点和不足之处。 一、项目的初始设想 在项目...
Vue.js 搭建大屏可视化系统 - 最全指南
qq_42072014的博客
08-11 3057
通过本文，你已经掌握了如何使用 Vue.js 和相关技术栈构建一个基本的大屏可视化系统。当然，实际项目中可能还会遇到更多复杂的需求和技术挑战，但本文提供的基础架构足以作为一个良好的起点。
Vue入门&安装&可视化管理工具
SoulNone的博客
08-21 1544
Vue入门 -安装脚手架、可视化管理工具（护航，保姆级）
vue/cli中使用vue ui可视化创建3.x的脚手架
lixu_boke的博客
07-28 997
无论是通过命令行还是通过可视化都是可以创建vue-cli3.x的脚手架的，只不过对于新手来说可视化的工具更加的直观，更加方便 那我们通过可视化的工具来创建一个： 第一步：打开命令窗口先把我们所需的基础给下载下来：npm、nodejs nodejs官网地址http://nodejs.cn/ 其实npm集成就在node中直接在窗口中输入npm -v查看版本号 当然你也可以使用cnpm 通过命令行 npm install -g cnpm--registry=https://registr..
如何搭建一个vue项目(完整步骤)
热门推荐
qq_39093474的博客
09-11 2万+
这里如果选择保存的话，就要输入名字，默认就是文件夹的名字，下次配置的时候就会显示这个文件配置的选项就像上面的一样，在配置的时候会多出来一个。）下载hbuildx安装文件（已提供，无需下载），下载后，直接解压就可以使用。代码检查，选标准的就行，方向键切换，空格键选择然后回车。按空格键选择要安装的配置资源，带 * 号说明被选上了。上下方向键选择版本，这里我们选择vue2，然后回车。代码检查时间，方向键切换，空格键选择然后回车。启动成功之后，打开路径看到如下界面说明成功。通过上下方向键选择对应配置，然后回车。
vue-cli可视化创建项目流程
WuqibuHuan的博客
03-09 656
** 可视化面板搭建vue项目3.0 ** 1. 安装 node.js 在你的平台上下载 Node.js 源码或预编译安装包网址如下：链接:直达 node.js下载. 输入node -v，可得 node.js 的版本号，如下，表示安装成功同时测试 node.js 自带的npm的版本， 输入npm -v 如下： 2. 安装 vue-cli 3.0 1. 已安装vue-cli 的使用命令 npm uninstall vue-cli -g 或 yarn global remove vue-
创建一个可视化vue-cli项目
谦谦均的博客
11-03 1395
本文参考了一个小姐姐的博客，在小姐姐的基础上，我写得更细而已（更适合没有基础的），原文地址如下：https://blog.csdn.net/ws19900201/article/details/99948384 首先，先要安装vue/cli 打开cmd或者gitbash，输入如下代码 npm install -g @vue/cli 再电脑左下角搜索框输入cmd，出现命令提示符，鼠标右键选择管理...
Vue 2.x折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化
CRPER
06-16 1万+
前言 @vue/cli v3从开始到现在已经经历了四个月的迭代(目前RC2), 除了终端初始化的姿势,还引入了一个新的项目初始化姿势; Web端的初始化,体验了一下,效果很不错;所以记录一下. 后方多图,感兴趣的可以瞧瞧,不感兴趣的请止步,免得浪费你的时间,谢谢.. 安装 npm i -g @vue/cli 常规命令 大体中文注释下 Usage: vue...
[vue-cli]如何进入vue-cli图形化可视化管理（输入 vue ui 后没有响应的解决方案）
m0_46470372的博客
04-04 6217
[vue-cli]如何进入vue-cli图形化可视化管理（输入 vue ui 后没有响应的解决方案） 导读 如何进入Vue脚手架(vue-cli)图形化管理界面？ 输入 vue ui 后没有响应怎么解决？ 为什么使用 npm 重新安装 vue-cli 后，版本依然没有超过3.0? 1.如何进入 vue-cli 图形化管理界面 在全局安装 vue-cli 版本大于3.0的状态下，在终端中输入v...
Vue项目构建的离线模板包介绍
标题《vue-templates 离线包》及描述“vue-templates 离线包 用于构建vue项目，这边提供的是离线包”指向了一个特定的IT行业工具或资源包。在详细说明这部分内容之前，我们先来简要了解一下什么是Vue.js以及它在现代...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

守灯者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值