使用Vue-CLI手动配置【初始化项目】

最新推荐文章于 2024-04-13 15:10:57 发布
最新推荐文章于 2024-04-13 15:10:57 发布
阅读量856 收藏
点赞数 1
分类专栏： Vue基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cao_Mary/article/details/113826243
版权

配置的时候使用键盘，而不是鼠标。

  • 方向键：选择选项
  • 空格：键选中选项
  • 回车：下一步

  1. 选择需要配置的项目
    选择配置项

  2. 是否安装Router
    y回车为安装

  3. 配置CSS
    CSS预处理器

  4. 配置标准规范
    配置规范
    规范使用特点

  5. 配置文件存储位置
    配置文件位置

  6. 是否保存本次配置，以便下次使用
    在这里插入图片描述

Cao_Mary
关注
专栏目录
vue-cli项目初始化相关配置
junglegle_的博客
01-25 978
vue项目自动打开，关闭eslint语法检查，以及配置src别名
vue-cli4 项目搭建及初始化
renshaoqi的博客
12-17 1363
文章目录一 版本号二 安装2.1 安装 vue-cli2.2 安装 nodejs三 开始创建项目3.1 使用可视化ui界面创建项目 一 版本号 vue-cli 4.5.9 nodejs v14.9.0 二 安装 2.1 安装 vue-cli npm install @vue/cli -g 这里建议使用国内淘宝镜像下载，npm 是使用外国的资源，下载会很慢很慢… 安装淘宝镜像 npm install -g cnpm -registry=https://registry.npm.taobao.org
vue用vue-cli如何创建自己的项目以及手动安装勾选配置
热门推荐
西门吹雪
12-01 1万+
vue利用脚手架创建自己的项目 npm uninstall vue-cli -g //全局安装脚手架 vue -V //查看自己的vue版本号 vue-cli是vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。 一、cnpm instal -g @vue/cli (一次全局安装sudo) cnpm install -g @vue/cli -g @vue\ n
安装vue-cli脚手架——手动配置
m0_67880202的博客
05-17 332
表示在 C:\Users\淇淇\Desktop 这个路径下创建了一个名叫 vue_test的项目。用空格键选择babel、router、vuex、linter/rormatter，然后enter。等待下载，下载完成后安装，根据自己的需求改变路径，其他的一直点next就可以了。如果安装成功则会出现安装的版本，没有出现则是安装成功。回车后会出现：选择手动配置。进入test2文件夹。
vue手动配置搭建项目
qitianxiu的博客
05-28 1526
1 创建 根目录 letao 2 初始化仓库                               git init3 创建说明书package.json                   npm init -y       4 用yarn替代npm 快速                   yarn --version   查版本5创建源码目录src index.js文件        ...
vue-cli生成的项目，帮我们配置好了哪些功能，自己手动搭建一个
Tom__cy的博客
07-29 523
ES6/7/8 转ES5 路由的懒加载 代码的热更新 预编译语言转css 每次构建的代码清楚之前的代码 区分开发环境打包和生产环境打包 资源的预加载，使用jpg | png | font 等资源文件 定义环境变量 .vue 文件转 js 文件 自己手动搭建一个： ## postcss.config.js 配置postcss 实现自动添加css3前缀 ## babel.config.js ...
详解使用vue-cli脚手架初始化Vue项目下的项目结构
11-28
它极大地简化了Vue项目的初始化和配置过程，为开发者提供了现代化的前端开发流程。Vue CLI支持快速创建新项目，内置热重载、静态检查等功能，并且能够生成适合生产环境的构建配置。 使用Vue CLI的优势主要包括以下...
vue-cli V3.0版本的使用详解
10-17
随着V3.0版本的推出，Vue-cli引入了基于插件的架构，并且提供了图形化用户界面（UI）以及项目的个性化配置选项，极大地简化了项目的初始化过程。 2. 安装和更新Vue-cli 要在系统中安装Vue-cli V3.0版本，首先需要在...
使用vue-cli脚手架工具搭建vue-webpack项目
12-10
3. **使用Vue CLI初始化项目**： 初始化Vue项目时，你需要运行`vue init webpack yourprojectname`，其中`webpack`是模板类型，`yourprojectname`是你项目的名称。在执行过程中，CLI会提示你输入项目描述、作者等...
Vue-Cli初始化vue项目
wuyundong123的博客
12-30 707
在实际的工作项目开发中，由于都是使用node和npm进行vue-cli的安装，所以先确保已有node和npm的环境； 查看node的版本 node -v 查看npm的版本 npm -v 一 Vue-Cli安装 vue-cli 是由 Vue 提供的一个官方 cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成 vue.js+webpack 的项目模板； 使用npm安装 npm install -g @vue/cli 查看是否安装成功： vue -V 但是由于npm.
如何配置Vue脚手架（Vue CLI）
weixin_56035334的博客
05-23 1130
第一步： 用cmd打开命令提示符，输入命令行：npm config set registry https://registry.npm.taobao.org 第二步： 打开cmd，输入命令行：npm install -g @vue/cli ，中途可能会出现warn，但是不影响安装Vue CLI(要是进度条长时间无变化，可尝试敲回车键) 第三步： 一定要安装完再关闭当前的cmd页面，重新开一个新的cmd页面。 第四步： 切换到你要创建项目的目录，输入命令行：vue create xxxx
vue学习 - webpack （初步）手动配置方法
一个热爱学习的前后攻城狮
01-23 1659
vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点” 调试插件 在vue调试方面，可以选择安装chrome插件vue Devtools。打开vue项目，在console控制台选择vue面板。在Devtools工具中，可以选择组件，查看对应组件内的数据信息。也可以选择Vuex选项，查看该项目内Vuex的状态变量信息。 vue 脚手架工具 手动配置
手把手教你配置 Vue-cli脚手架
weixin_44165764的博客
06-23 1173
随着vue.js越来越火爆，更多的项目都用到vue进行开发，在实际的开发项目中如何搭建开发脚手架呢，今天跟大家分享一下： 首先需要了解的知识 Html Css Javascript Node.js 环境（npm包管理工具） Webpack 自动化构建工具 一、安装node.js 进入官网下载node.js node版本必须在10.0.0以上才支持 二、安装 cnpm 1、说明：npm（node package manager）是nodejs的包管理器，用于node插件管理（
Vue安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了_vue配置(2)
最新发布
2401_84254474的博客
04-13 946
有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Golang知识点，真正体系化！**
【Vue全家桶】带你全面了解通过Vue CLI初始化Vue项目
QDCXYXZ_的博客
03-22 2243
详细总结通过Vue脚手架创建项目的流程，以及默认项目目录的文件结构
Vue.js之使用vue-cli初始化项目
Baby_加油_的博客
06-11 1353
使用vue框架的时候，经常会用到vue的脚手架，那么怎么进行初始化呢？ 一、安装步骤 step1、安装Node.js 首先需要下载并安装Node.js，下载地址：Node官网。 测试安装是否成功，打开cmd，使用 node -v，如果显示版本号则表示安装成功。 step2、安装vue-cli 使用vue-cli（脚手架）搭建项目，vue-cli是Vue官方提供的用于搭建...
【Vue】Vue 项目初始化
懂得一千零一种,赋予你失败的方法！
03-23 4071
文章目录一、删除 Helloword.vue二、删除 views 中的文件三、新建 homePage.vue四、修改路由文件五、清空默认根组件、项目样式 如图所示，是我们创建完 Vue 项目后跳转的视图，可以发现其中的内容与我们的项目相关性不大，所以一我们可以通过配置对其进行修改~ 一、删除 Helloword.vue 1.删除 src文件夹下的 cpmponents文件夹下的 Helloword.vue 文件 二、删除 views 中的文件 1、删除 view下的 AboutView.vue..
如何配置Vue脚手架（Vue CLI配置图文详细教程）
m0_46685248的博客
12-12 1388
如何配置Vue脚手架（Vue CLI）加图文详细教程
使用vue-cli快速构建vue项目教程
它简化了项目的初始化过程，避免开发者手动配置复杂的Webpack配置，使得创建和维护Vue项目变得更为便捷。本教程将详细介绍如何使用Vue CLI来构建一个Vue项目。 首先，确保你的开发环境中已经安装了Node.js和NPM，这...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值