Vue脚手架配置步骤

最新推荐文章于 2024-09-12 16:43:23 发布
最新推荐文章于 2024-09-12 16:43:23 发布
阅读量136 收藏
点赞数
分类专栏： Vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40902391/article/details/129564307
版权
Vue脚手架配置包括全局安装@vue/cli，设置npm淘宝镜像以优化下载速度，然后在目标目录下使用vuecreate命令创建项目，最后通过npmrunserve启动项目。若需查看webpack配置，可运行vueinspect>output.js。
摘要由CSDN通过智能技术生成

Vue脚手架配置

Vue脚手架配置步骤

步骤1

（仅第一次执行）：全局安装@vue/cli.

  1. 配置淘宝镜像 ，如出现下载缓慢请配置npm淘宝镜像：npm config set registry https://registry.npmmirror.com
    详情查看仓库变更公告
  2. 查看镜像仓库 ，npm config get registry
  3. 全局安装 ，npm install -g @vue/cli

步骤2

切换到你要创建项目的目录，然后使用命令创建项目
vue create xxxx

步骤3

启动项目：npm run serve

备注：Vue脚手架隐藏了所有webpack相关的配置，若想查看具体的webpack配置，请执行：vue inspect > output.js

半斤羊奶丶一壶酒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue脚手架安装步骤
L_xiaosong的博客
12-27 1321
安装软件 node --http://nodejs.cn/downfoad/ (安装完成后，本地就会有npm 如果你想让速度更快 可以安装淘宝镜像 http://npmmirro r.com/) 如果要使用vue 需要安装vue的脚手架 vueci (https://cli.vue.js.org/zh/guide/); 命令: npm install -g @vue/cli vue新建项目 第一步：查看node 版本号 如果低于 版本10 的话安装最新版node 如果没有cnpm
vue脚手架配置及使用Vue Cli快速构建项目
2203_75499545的博客
12-28 1944
一.vue脚手架配置1、下载安装node,下载之后一步步默认安装即可或,如果能出现以下界面，即代码node安装成功。然后重新在电脑桌面使用 win+r 然后输入cmd 打开命令提示框， 通过npm全局安装@vue/cli脚手架，输入以下命令进行下载如果上面这种方法下载太慢，可以 选择淘宝镜像cnpm的方式安装下面是安装淘宝镜像的命令行如果安装了cnpm淘宝镜像的话，可使用下面的命令行安装@vue/cli脚手架，网速会相对来说快一些如需要卸载vue/cli包，可执行以下命令行。
如何配置Vue脚手架（Vue CLI配置图文详细教程）
m0_46685248的博客
12-12 1384
如何配置Vue脚手架（Vue CLI）加图文详细教程
安装vue脚手架步骤
weixin_65511579的博客
10-11 477
只需要Babel、router、VueX这三项，选中之后敲回车。1、必须要确保npm/cnpm和node是安装成功的。vue create my_vue(项目名)4、安装方式，选择手动安装Manually。9、等待项目安装成功以后，进入项目，启动项目。7、如何保存配置，默认不用管，直接敲回车。上下键是选中哪一项，回车是确定。上下键选择哪一项，空格为为确认。6、是否设置历史路由模式 n 敲回车。cd my_vue(项目名)8、是否保留配置文件 n 敲回车。2、安装vue的脚手架命令。
Vue脚手架创建步骤
qq_39440154的博客
04-18 771
1.安装webpack 2.安装node.js 3.配置npm淘宝镜像 命令：npm config set registry https://registry.npm.taobao.org 4.全局安装@vue/cli 命令：npm install -g @vue/cli 5.创建vue2或vue3项目 在需要创建项目的目录下打开cmd。输入命令：vue create 文件名(随便起英文名，最好是和项目见名知意） 6.启动项...
Vue脚手架安装教程
热门推荐
zwl592100的博客
03-04 3万+
一、安装Node.js及配置环境 1、下载Node.js ①浏览器中输入Node.js进行搜索，找到Node.js官网 ②选择14.17.6版本进行下载 ③下载完之后打开文件进行安装 ④安装Node.js 第一步：点击Next 第二步：勾选I accept… 然后Next 第三步：选择安装目录，No...
Vue脚手架使用步骤
weixin_43778272的博客
07-05 390
Vue脚手架使用步骤 1、安装webpack 全局安装webpack命令行： npm install webpack -g 2、安装vue-cli脚手架构建工具 全局安装，输入命令行： npm install vue-cli -g 安装完成后执行命令: vue -V 查看版本号，出现相应得版本即为安装成功 3、通过vue-cli，初始化vue项目 通过以上几步，将我们安装脚手架所需要的环...
vue脚手架3.0配置步骤
Armof的博客
07-26 88
脚手架3.0配置步骤 1、在全局安装脚手架 cnpm i @vue/cli -g 1 2、如果没有yarn，建议安装yarn cnpm i yarn -g 1 3、创建项目 vue create 项目名字 1 如果是第一次初始化项目，脚手架会提示你，使用npm淘宝镜像下载，这样会比yarn快，你可以n掉，接下来会进入选择配置 默认配置 脚手架默认配置了一下简单的配置然后直接安装 自定义配置 按空格键进行选择和取消 下面会进入 是否开启路由的history模式n/y自己随意 选择css预处理语言 选择less
vue脚手架怎么用mysql_Vue脚手架使用步骤 2.9.6版本
weixin_39897127的博客
01-21 233
1、安装webpack全局安装webpack命令行： npm install webpack -g2、安装vue-cli脚手架构建工具全局安装，输入命令行： npm install vue-cli -g安装完成后执行命令: vue -V 查看版本号，出现相应得版本即为安装成功3、通过vue-cli，初始化vue项目通过以上几步，将我们安装脚手架所需要的环境和工具都准备好好了，下面就可以使用vu...
VUE脚手架的下载和配置步骤详解
10-17
本文将详细介绍Vue脚手架的下载和配置步骤，希望能为Vue.js的爱好者提供一定的帮助。 首先，Vue脚手架的下载是整个配置过程的第一步。在下载之前，确保你已经安装了Node.js环境，因为Vue脚手架是基于Node.js的。...
vue脚手架搭建步骤.docx
01-01
### Vue脚手架搭建步骤详解 #### 一、前言 Vue.js 是一款非常流行的前端框架，它以其轻量级且强大的功能深受开发者喜爱。为了更高效地开发Vue项目，通常我们会采用Vue CLI (Command Line Interface) 工具来帮助...
vue脚手架中配置Sass的方法
11-30
首先，要配置Vue脚手架以支持Sass，你需要进行以下步骤： 1. **安装依赖**： 通过npm安装两个必要的包：`sass-loader`和`node-sass`。这两个包分别用于解析Sass文件并将其转换为CSS，以及提供Sass的运行环境。 ``...
Vue使用query传参Boolean类型，刷新之后转换为String问题
最新发布
q879936814的博客
09-12 181
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
vue使用自定义指令实现一键复制
Zing_ing的博客
09-09 547
/ 将需要复制的内容保存到元素上if (!console.log('无复制内容');return;// 创建一个 textarea 元素，用于选择和复制// 执行复制命令try {console.log('复制成功:', el.$value);console.log('复制失败');// 删除创建的 textarea 元素// 监听点击事件},// 当指令所在的元素被更新时触发},// 指令解绑时移除事件监听});
Vue2 中对数组进行操作时需要注意什么
m0_73882020的博客
09-06 620
在 Vue 2 中，对数组进行操作时，关键是确保操作能够被 Vue 的响应式系统检测到。使用 Vue 的响应式 API，如Vue.set或this.$set，可以确保数组的变化会被正确地反映到视图中。此外，避免直接修改数组的length属性或使用数组索引直接赋值，以确保视图的响应性。
Vue CLI：初学者指南与深入理解
x15514104477的博客
09-10 892
本文为初学者提供了一个关于如何使用 Vue CLI 的指南，并帮助读者深入理解其核心概念。Vue CLI 是一个用于快速搭建 Vue.js 项目的命令行工具，适用于所有水平的开发者。
SprinBoot+Vue远程教育网站的设计与实现
赵广陆
09-10 1153
目录1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导，对于专业性数据证明一切！ 主要项目：javaweb、ssm、spring
element-plus组件问题汇总
xiaoxian_xian的博客
09-12 133
element-plus组件问题汇总
Vue脚手架配置Sass步骤详解
Vue脚手架配置Sass是开发基于Vue.js应用时增强CSS功能的重要步骤。Sass是一种强大的CSS预处理器，它扩展了CSS语法，提供了变量、嵌套规则、混合（mixins）、函数等特性，使CSS编写更简洁、可维护性更强。 首先，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值