Vue系列：项目脚手架搭建

最新推荐文章于 2024-05-11 07:40:01 发布
最新推荐文章于 2024-05-11 07:40:01 发布
阅读量194 收藏
点赞数
分类专栏： Vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TotoroChinchilla/article/details/125339440
版权

Vue系列：项目脚手架搭建

1、项目脚手架搭建

在需要创建项目的文件夹中输入cmd，如下：
在这里插入图片描述
输入命令vue create +项目名称
在这里插入图片描述
选择第三个自定义选择（当然我选择第三个是为了搭建路由，如果没有这个需要的话也可以直接选择第二个Vue 2）
在这里插入图片描述
这里选择Babel、Router以及CSS Pre-processors(按住空格键即可对相应的选项进行选择和取消)
在这里插入图片描述
以下选择2.x
在这里插入图片描述

路由模式选择N即可
在这里插入图片描述
选择一个css的预处理，选择第一个
在这里插入图片描述
是否将配置文件单独分开，我们选择第二个
在这里插入图片描述
这里现在N，当然你也可以选择Y，因为保存了你下次可以直接使用和现在配置一样的了
在这里插入图片描述

2、总结

个人学习总结，可供参考，如果错误，望指正

Laymanღ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目
学Java，找哪吒
10-08 4万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? ...
vue 脚手架搭建
qq_45725851的博客
07-11 4978
vue 脚手架搭建
2024年Web前端最全Vue脚手架搭建以及创建Vue项目流程_脚手架创建vue项目，Web前端技术类校招面试题汇总
2401_84122782的博客
05-11 882
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】node_cache和node_global是后面创建的文件夹，后面有讲到，创建的位置，我在这里放到了node.js文件夹下，也可以自定义文件夹路径。
vue项目实战（一）之vue-cli脚手架搭建项目
abcwanglinyong的博客
10-17 4724
首先假如你已经安装了node和npm,如果没有的话自己百度安装一下。 如果感觉npm下载速度慢，可以使用淘宝镜像cnpm,链接地址： http://npm.taobao.org/ 安装cnpm 方式一： npm install -g cnpm --registry=https://registry.npm.taobao.org 方式二： alias cnpm="npm --...
【Vue】脚手架搭建
z914020826的博客
11-03 1810
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Javascript 的速度非常快，性能非常好。
关于前端Vue脚手架的完整搭建
m0_57254953的博客
06-16 1040
简述了Vue脚手架搭建的过程
vue-cli3.0 脚手架搭建项目的过程详解
10-17
Vue CLI 3.0 是 Vue.js 官方提供的一个强大脚手架工具，它简化了 Vue.js 项目的初始化和构建过程。本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm...
vue脚手架搭建项目及vue学习
最新发布
06-06
在"vue脚手架搭建项目及vue学习"的主题中，我们将深入探讨如何使用Vue CLI（命令行接口）来初始化一个项目，以及Vue的核心概念和关键特性。 1. **Vue CLI的使用**： Vue CLI是一个官方提供的强大脚手架工具，用于...
vue脚手架搭建过程图解
08-27
至此，Vue脚手架搭建已完成。Vue CLI会自动配置Webpack，提供热重载、源码映射等功能，极大地提高了开发效率。随着项目的进行，你可以添加更多的Vue插件和库，通过Vue CLI的`vue add`命令，例如添加Vuex状态管理或...
基于webpack搭建vue2.0的脚手架项目
10-11
本篇文章将深入探讨如何基于Webpack搭建Vue 2.0的脚手架项目。 首先，让我们理解Vue 2.0的核心特性。Vue 2.0引入了虚拟DOM，提高了性能并降低了内存消耗。它支持单文件组件（Single File Components, SFCs），使得...
使用vue-cli脚手架工具搭建vue-webpack项目
12-10
为了解决这个问题，Vue 官方提供了 `vue-cli` 这个脚手架工具，它可以帮助开发者快速地生成一个包含所有必需配置的项目模板。 1. **安装Node.js环境**： 在搭建Vue项目之前，首先确保你的计算机上安装了Node.js。...
Vue脚手架搭建项目【小白看了都会】
m0_67372185的博客
11-20 1150
新手小白搭建vue项目
Vue-Cli 脚手架 搭建 Vue项目
灵魂学者的博客
02-03 2198
本篇主讲如何通过vue提供的vue-cli脚手架来搭建vue项目，自此开始进行Vue基于项目中的介绍，Vue-cli 是官方提高用于搭建基于 Vue、Webpack、ES6 项目目的脚手架工具，通过脚手架创建项目势必会较为高效！
Vue脚手架项目构建
laotouzi001的博客
09-21 323
Vue 脚手架项目的创建
使用vue-cli脚手架搭建vue项目。（webpack）
id_no_chinese的博客
06-01 2142
注：本文不介绍vue语法。只是个从零搭建vue的demo。1.首先是环境搭建。配置好node环境。全局安装vue，vue-cli.这里就不做介绍了。2.使用vue-cli初始化项目。vueTemplate是项目名称。vue init webpack vueTemplate后面有一连串的输入，包括作者，项目头是否启用测试等。按照个人要求输入就好。项目初始化完成后的项目目录如下：3.启动服务  到项目...
vue创建脚手架项目
m0_62181310的博客
06-14 6166
@vue/cli是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建脚手架项目目录一、创建脚手架项目1.全局安装命令2.查看vue脚手架版本3.@vue/cli 创建脚手架项目-启动3.1 创建项目3.2 选择模板3.3 回车生成文件3.4 进入项目启动文件 二、vue脚手架文件说明1.目录和代码分析2.主要的3个文件和关系 三、vue/cli自定义配置1.自定义服务配置2.eslint暂时关闭设置 四、单vue文件开发五、清空脚手架欢迎界面 2.查看脚手架版本 如果出现版本号就安装成功
vue脚手架搭建
weixin_45784564的博客
06-23 1887
先从node官网下载并安装node.js,安装node.js的作用就是利用npm资源管理器下载插件等。 官网地址: https://nodejs.org/en/ 把下载的.exe文件双击安装，一直下一步即可。安装好的node试一下查看是不是安装成功,window键+r输入cmd进入系统管理器进入系统命令页面输入 node -v 检查是否安装成功 npm包管理器，是集成在node中的，所以安装了node也就有了npm，有了npm就可以去下载资源库文件，可以通过命令进行下载，先查看一下npm的版本号。 输
手把手教你如何创建vue脚手架项目（最详细！）
Baitgt的博客
10-18 9221
Vue-cli安装流程以及部分npm命令 百度Node.js下载并安装 可以一直下一步 但是要记住安装目录 进入安装目录即Node.js文件夹内 按住shift+鼠标右键 选择在此处打开命令窗口 输入node -v//检查node版本至少为4以上 输入npm config set registry http://registry.npm.taobao.org 输入npm install vue...
vue脚手架构建及创建项目
weixin_47417033的博客
04-05 1141
vue脚手架搭建及创建项目
vue脚手架搭建项目
08-02
Vue脚手架是用来快速搭建Vue项目的工具。根据引用[1]和引用[2]的内容，我们可以使用命令行或图形化界面两种方式来创建Vue项目。 命令行创建方式如下： 1. 创建一个文件夹用于存放Vue项目。 2. 在文件夹中打开命令行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Laymanღ

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

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

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

打赏作者

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

抵扣说明：

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

余额充值