创建一个vue-cli项目

已于 2022-05-25 10:56:02 修改
阅读量90 收藏
点赞数
分类专栏： 前端 文章标签： vue.js 前端 sass
于 2022-05-22 15:24:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42643850/article/details/124910997
版权

以管理员方式打开cmd进入要创建的目录
1.

vue init webpack myvueproject

然后一路no

2.然后cd进入目录 安装vue-router

npm install vue-router --save-dev

在这里插入图片描述
3.安装element-ui

npm i element-ui -S

4.安装依赖

npm install

5.安装 SASS加载器

npm install sass-loader node-sass --save -dev

6.测试

npm run dev
Joy Boy ㅤ
关注
专栏目录
创建一个vue.cli项目
weixin_46853502的博客
10-10 343
1.以【管理员】的身份进入cmd 2.进入需要创建项目的位置，（本次创建在 D盘的vue目录下，需要提前创建好目录的位置） 3.输入命令vue init webpack vueTest1 其中 vueTest1为创建的项目名 #1、首先需要进入到对应的目录 cd D:\vue #2、这里的vueTest1是顶日名称，可以根据自己的需求起名 vue init webpack vueTest1 如下图所示，正在创建项目 需要稍微等待一下，如果卡在某个界面或者下载过慢可以考虑使用淘宝的镜...
（Vue笔记）VSCode创建与运行 Vue-cli + @Vue-cli 项目
张松的博客
06-22 3074
（Vue笔记）VSCode创建与运行 Vue-cli + @Vue-cli 项目
Vue-Cli(脚手架)安装及如何创建Vue-Cli项目-保姆级别教程,手把手教会你
热门推荐
m0_72568513的博客
06-09 2万+
快速创建 Vue.js 项目的向导式用户界面：我们只需要按照界面上的步骤一步步操作，就可以快速创建一个 Vue.js 项目。支持自定义配置：Vue CLI 提供了多种配置选项，开发者可以根据自己的需求进行选择和配置。支持插件扩展：Vue CLI 支持插件化扩展，开发者可以根据需要安装插件，例如路由、状态管理等。支持开箱即用的工具集成：Vue CLI 集成了很多实用的工具，例如 Babel、Webpack、ESLint 等。
vue-cli创建项目
weixin_39854011的博客
10-29 474
常用命令 通过命令行查询可用的包的版本号 npm view vue-cli versions --json 查看vue-cli 最新版本 vue --version 或 vue -V 卸载之前版本 npm uninstall vue-cli -g 或 yarn global remove vue-cli（通过 npm install -g vue-cli 下载的版本） npm uninstall -g @vue/cli （通过 npm install -g @vue/cli 下载的版本） vue脚手架初始化
Vue-cli 创建项目
富有知识的小窝
07-21 888
是否存为预设，成为新的配置标签，方便以后创建项目。设置完依赖选项后，设置依赖保存方式。后，选择下载的依赖。
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page ...
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_...
vue-cli-plugin-component-创建组件的Vue CLI 3插件-Vue.js开发
05-27
vue-cli项目的vue-cli-plugin-component组件插件│README.md│LICENSE（可选）└───src│├──index.js│└───components│vue-cli-plugin-component组件vue-cli项目的插件│README.md│LICENSE（可选）└─...
Vue使用vue-cli创建项目
01-19
vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：https://github.com/Aleczhang1992/my-vue-project/tree/dev 一、步骤 1.要求已安装Node.js (>=4.x, 6.x ...
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
vue使用自定义指令实现一键复制
Zing_ing的博客
09-09 577
/ 将需要复制的内容保存到元素上if (!console.log('无复制内容');return;// 创建一个 textarea 元素，用于选择和复制// 执行复制命令try {console.log('复制成功:', el.$value);console.log('复制失败');// 删除创建的 textarea 元素// 监听点击事件},// 当指令所在的元素被更新时触发},// 指令解绑时移除事件监听});
Vue2 中对数组进行操作时需要注意什么
m0_73882020的博客
09-06 657
在 Vue 2 中，对数组进行操作时，关键是确保操作能够被 Vue 的响应式系统检测到。使用 Vue 的响应式 API，如Vue.set或this.$set，可以确保数组的变化会被正确地反映到视图中。此外，避免直接修改数组的length属性或使用数组索引直接赋值，以确保视图的响应性。
SprinBoot+Vue远程教育网站的设计与实现
赵广陆
09-10 1185
目录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 251
element-plus组件问题汇总
有关 Element-ui 的一些思考
小白小白从不日别的博客
09-11 419
这里列举了一些我们在使用element-ui时的一些实用技巧，比如主题样式修改、el-form-item label宽度自适应等
vue组件通信，点击传值，动态传值（父传子，子传父）
爱敲代码的卡拉米的博客
09-12 428
通过上面的例子，你应该对Vue中如何使用按钮来传递值（通过内部方法或组件间通信）有了基本的了解。记得Vue的数据绑定和组件通信机制是构建Vue应用的关键。
大文件切片上传-vue3.0
最新发布
m0_56416159的博客
09-12 343
大文件切片上传（也称为分片上传）是一种处理大文件上传的有效方法，它通过将大文件分割成多个较小的部分（即切片或分片），然后分别上传这些切片到服务器，最后在服务器上将这些切片合并成原始文件。以下是关于大文件切片上传的详细步骤和注意事项。onUploadInit： 文件初始化调用接口，用于后端创建存放切片文件的文件夹。SparkMD5：生成文件唯一的hash，用来验证文件的完整性。onUploadFinish：文件上传完成验证完整性的接口。onUploadChunk：分片上传接口。基于vue3.0代码实现。
Chapter 11 脚手架Vue CLI使用步骤
2302_80253507的博客
09-06 905
Vue CLI 是 Vue.js 官方提供的一个全局命令工具，旨在帮助开发者快速创建和管理 Vue 项目。它为开发者提供了一个标准化的项目结构，并集成了 webpack 配置，使得开发过程更加高效和便利。
从`v-model`到显式绑定：掌控Vue组件中的数据流动20240910
Narutolxy的博客
09-10 542
v-model
使用Intellij IDEA创建vue-cli项目教程
"本文主要介绍如何使用IntelliJ IDEA搭建Vue CLI项目，包括安装和配置必要的环境，以及在IDEA中进行项目构建和运行的详细步骤。" 在开发Web应用程序时，IntelliJ IDEA作为一款强大的集成开发环境(IDE)，为开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值