从零开始搭建项目vue+vue-cli

最新推荐文章于 2024-08-25 18:02:18 发布
最新推荐文章于 2024-08-25 18:02:18 发布
阅读量93 收藏
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yumengQAQ/article/details/115230762
版权
本文介绍了如何从零开始使用vue-cli创建并配置Vue.js项目。通过选择不同的配置选项，你可以得到预设的项目结构，或者手动进行个性化配置。在完成配置后，只需运行`yarn serve`或`npm run serve`，项目即可启动。无论你是初学者还是经验丰富的开发者，这篇教程都能帮助你快速上手Vue项目开发。
摘要由CSDN通过智能技术生成

从0开始搭建项目vue+vue-cli

1.项目创建及配置

  1. 创建项目
  vue create 项目名
  1. 选择配置
    在这里插入图片描述

选择这个之后会出现如下结构
在这里插入图片描述

在这里插入图片描述
选择这个选项则会出现如下结构，
在这里插入图片描述

以上两种都是选择后自动配置，使用npm run serve或者yarn serve运行，这里选泽这个选项可以自己配置
在这里插入图片描述

根据需要选了一串
在这里插入图片描述
按想选的东西配置
然后切到文件目录yarn serve 或者npm run serve即可

yumengQAQ
关注
使用 vue-cli 创建 vue 项目
CChenger的博客
08-30 208
1.vue create 项目名称 注意：这里我使用vue2，有需要使用vue3 的选择第二行的，选中回车进行确认 2.等待进度条走完 3.出现一下界面，创建项目成功 在这里我运行项目出现了这样的报错: 原因：未执行cd 项目名 的命令出现该错误，导致在解压时多了一层与项目名称相同文件夹 解决办法：执行 cd 项目名，然后启动项目即可正常启动。 4.创建一个git仓库 5.创建完之后会进到该页面： 6.然后根据 ...
vue+webpack+vue-router+element+axios全家桶搭建vue项目完整教程详解 2019
PGguoqi的博客
04-19 8836
未完
使用 Vue-cli 创建项目
weixin_53156345的博客
05-05 1118
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vjcxSwAK-1683203828586)(D:\杂物房\笔记\和项目相关\image\dong.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ITkxqy8a-1683203828586)(D:\杂物房\笔记\和项目相关\image\wen.png)]​ 通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。如果有需要的可以选择 “y”
vue-cli搭建项目过程
最新发布
2302_78078800的博客
08-25 1888
前端js框架 vue-cli的使用
vue-cli创建项目
积累点点滴滴
08-28 720
vue推荐开发环境: Node.js: JavaScript运行环境(runtime),不同系统直接运行各种编程语言 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板 1.先安装node，检查node
使用 webpack 从0开始搭建的 vue3+sass+element-plus+typescript 项目
09-02
在本文中，我们将深入探讨如何使用Webpack从零开始搭建一个基于Vue3、Sass、Element-Plus和TypeScript的项目。Webpack是一个强大的模块打包工具，它能够处理JavaScript、CSS和其他资源，将它们打包成优化过的单一...
vue-cli-webpack:从零开始搭Vue项目
05-09
从零开始搭Vue项目，主要是想脱离对脚手架全家桶的依赖，以及从中深入学习一点webpack相关的知识，不要每次打开package.json以及webpack的配置文件都一脸懵逼。 新建项目 mkdir vue-cli-webpack cd vue-cli-webpack ...
Vue+Flask项目--新手搭建（一）
xw_009的博客
04-19 4139
一.项目目录结构： 使用Vue+Flask搭建前后端分离的基础平台。 my_project/ app/ //vue目录 static/ models/ remplates/ 404.html index.html views/ __init__.py ...
使用vue-cli4.0快速搭建一个项目的方法步骤
12-13
所以所有项目开发的时候一直在用的 vue-cli2.0，后来项目多了也没时间就没往 vue-cli3.0 迁移 现在终于到了空闲期，可以尝试着慢慢迁移了 本篇文章就是主要记录迁移的过程和 vue-cli3.0 的搭建过程 一、升级本地环境...
VUE--cli创建项目
ljw1211的博客
08-05 115
安装npm 安装 npm npm 全称为 Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。 npm -v 由于网络原因 安装 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安装 vue-cli cnpm install -g @vue/cli 安装 webpack webpack 是 JavaScript 打包器(m
Vue-cli创建项目
qq_45908140的博客
04-25 131
vue-cli新建项目
Vue-CLI创建项目
WeiAiGeWangFeiYuQing的博客
10-26 327
目录安装vue-cli创建项目 安装vue-cli 官网地址 //version 3.x.使用 npm install -g @vue/cli //(1.x or 2.x) 使用 npm install vue-cli -g 创建项目 //version 3.x.使用 vue create app-demo //(1.x or 2.x) 使用 vue init webpack app-demo ...
使用vue-cli创建项目
lixiao1003的专栏
02-12 216
前提：已安装node.js、git 1、打开node.js command prompt(Node.J命令提示符) 2、选择项目的位置，通过命令行进入该目录。比如进入e盘：(e:)，进入文件夹：（cd 文件链接地址） 3、使用脚手架安装项目（项目是基于webpack的）：vue init webpack demo项目名 Project name(工程名)： demo Project de...
Vue-cli 3.0快速搭建Vue项目指南：从零开始
本文将详细介绍如何使用Vue-cli 3.0来搭建Vue前端项目，这是一款官方推荐的Vue.js项目构建工具，能简化开发流程并提供一系列配置选项。以下是搭建过程中的关键步骤： 1. **环境准备**： - 首先确保安装Node.js，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值