vue新建项目（-）vue-cli安装

最新推荐文章于 2024-08-04 17:07:40 发布
最新推荐文章于 2024-08-04 17:07:40 发布
阅读量5.7k 收藏 11
点赞数 4
分类专栏： vue 文章标签： 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34381972/article/details/78558380
版权
本文介绍了如何使用Vue CLI新建项目，首先确保安装了Node.js，然后通过命令行安装vue和vue-cli。选择Runtime + Compiler配置，并可选地集成vue-router和ESLint。完成设置后，安装依赖并启动本地项目。
摘要由CSDN通过智能技术生成

一直想尝试用一个vue开发项目，刚好公司项目需要重新开发，借着这个机会，练习一下。fighting！！！

准备

在使用vue-cli新建项目前。需安装Node.js，vue和vue-cli。（vue已经是2.9.1版了！！！！记得16年年初2才刚刚出.......哎，还是要学习呀）

最低0.47元/天 解锁文章
邦尼family
关注
专栏目录
vue-cli安装使用流程步骤详解
01-19
3.指定目录下新建项目 vue init webpack [项目名] 按自己的意愿配置、选择对应信息。最后配置完成检查package.json是否如此 4.进入到项目 cd demo 5.安装全部依赖（或者在init是选择自动安装） cnpm i 6.安装你...
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
分享java学习路上的一些笔记，不足之处多多见谅。
06-14 5530
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
Vue学习（第六天）
qq_44486437的博客
02-10 663
Vue学习（第六天） 一、runtime-compiler与runtime-only 1.概念 Runtime+Compiler: recommended for most users（翻译：运行程序+编译器:推荐给大多数用户） Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are re
Vue-Cli安装、创建(自定义)项目
最新发布
apple_53141623的博客
08-04 504
Vue CLI 是一个基于 Vue 能快速进行项目开发的工具。其安装需在 Node.js 环境下进行。选择Vue3、Vue2或Manually select features自定义项目。在这里以自定义为例。检查是否安装完成，如果终端输出版本号，表示 Node.js 已安装；选择第一个，把配置文件生成到单独文件中。不保存预设,等待安装，项目初始化完成。
教你如何使用Vue-cli创建一个Vue项目流程
三拾的博客
01-30 2634
教你如何使用npm快速创建一个vue项目
Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目
热门推荐
学Java，找哪吒
10-08 4万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? ...
Vue CLI创建Vue项目详细步骤
mingfeng4923的博客
08-17 4899
通过这些步骤，您已经成功地使用Vue CLI创建了一个新的Vue项目，根据项目需求进行了相应的配置。这里的意思是问你本次项目是否采用history模式，如果选择Y,需要后台配置具体看vueRouter官网解释，这里我门选择 n。这里是问你是否记录这次配置选择，选择之后会让你为这次配置起一个名字，这样下次可以直接快速配置选择，最后回车后就会初始化项目了。这里的意思是问你选择哪一种CSS预处理语言，我的项目中一般使用的是SCSS我选择第一个。创建过程中，您将进入一个交互式的选择界面，根据您的需求进行配置。
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
同时，Vue.js也迅速成为前端主流框架之一，结合Vue的脚手架工具Vue-cli，可以极大降低项目搭建的门槛。本文将详细介绍如何使用Webpack 4和Vue来搭建一个Vue-cli项目，从而实现快速开发Vue应用。 首先需要了解，...
安装多版本Vue-CLI的实现方法
11-20
例如，如果你正在维护一个基于Vue CLI 3.11.0的老项目，而同时又要开发使用Vue CLI 4.2.3的新项目，就需要安装并管理多个Vue CLI版本。下面将详细介绍如何实现这一目标： 1. **全局安装一个版本**：首先，确保你的...
解决vue-cli + webpack 新建项目出错的问题
08-27
解决vue-cli + webpack 新建项目出错的问题 知识点一：Vue CLI 和 Webpack 的基本概念 在解决问题之前，需要了解 Vue CLI 和 Webpack 的基本概念。Vue CLI 是一个基于 Vue.js 的脚手架工具，用于快速构建和管理 ...
使用vue-cli创建一个新项目
Kevin李宏飞的博客
12-16 459
使用vue-cli创建一个新项目
脚手架vue-cli创建Vue项目手把手教学
H524268015wsw的博客
11-18 4236
Default是默认选择（vue2,vue3）,Manually select features 是自己手动选择，可以选择你需要的。通常都是自己手动选择,键盘上下键选择，enter确定。用vue -V检查版本，如果出现“vue” 不是内部或外部命令，也不是可运行的程序或批处理文件，就说明你电脑没有安装vue。像这种要选择yes还是no的一般情况下都是选择no，可以避免下次写特殊项目不好配置。再然后也是一些选项，按照翻译选择自己需要的，我这里选的倒数第二个。选择自己需要的以后，按下回车再次选择自己需要的。
Vue CLI创建新项目
qq_28749759的博客
01-22 455
（2）当某些页面内部需要切换不同的视图或页面组件时，将页面内部的视图组件组织成一个独立的Vue SPA（单页面应用），然后在多页面应用的某个页面中使用Vue Router进行路由管理。（1）当每个页面完全独立时：直接新建每个页面文件夹，新建入口js文件和Vue实例.vue文件，然后在。在项目根目录下创建一个新的文件。A、安装Vue Router。B、配置Vue Router。查看是否安装Vue CLI。C、使用创建的路由，在。
使用 Vue-cli 创建项目
weixin_53156345的博客
05-05 1109
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vjcxSwAK-1683203828586)(D:\杂物房\笔记\和项目相关\image\dong.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ITkxqy8a-1683203828586)(D:\杂物房\笔记\和项目相关\image\wen.png)]​ 通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。如果有需要的可以选择 “y”
Vue中 runtime-compiler 和 runtime-only 两种构建模式
weixin_44100002的博客
09-10 1721
一、介绍 在使用 vue-cli 脚手架构建项目时，会遇到一个构建选项 Vue build，有两个选项，Runtime + Compiler和Runtime-only： · Runtime + Compiler: recommended for most users （运行程序+编译器:推荐给大多数用户） · Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed i
五分钟教你使用vue-cli3创建项目（三种创建方式，小白入门必看）
道阻且长，行则将至。
09-14 1万+
五分钟教你使用vue-cli3创建项目（小白入门必看） 一、搭建vue环境 安装Nodejs 官网下载Nodejs，如果希望稳定的开发环境则下LTS(Long Time Support)长期支持版，稳定。 点我进入node官网 安装好后cmd输入node -v查询是否安装成功，如下出现版本号即为成功。 二、Vue脚手架工具 全局安装vue-cli，命令行中输入： npm install --g vue-cli 国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝镜像或者yarn 淘宝镜像的安装
如何用vue-cli创建项目
qq_37746495的博客
07-06 792
如何创建vue-cli项目
vue-cli构建项目详解
西洲
10-24 2335
目录 1、Vue是什么 2、node安装 3、NPM 4、cli安装 5、快速构建项目 6、vue-test目录解析 7 、项目运行详解 8、总结 1、Vue是什么 vue是什么，是一套构建用户界面的渐进式框架。 vue两大核心思想，组件化和数据驱动，组件化就是把一个整体拆分个一个一个的组件，组件可重复使用。数据驱动是前端未来的发展方向，释放了对DOM的操作，让DOM随着数据...
启动项目时报错vue-cli-service
09-02
报错提示"vue-cli-service"不是内部或外部命令，也不是可运行的程序。这个错误通常发生在启动Vue项目时，可能是由于缺少依赖或者配置问题引起的。 在Vue项目中，启动项目需要执行命令"npm run serve"，其中"serve"是通过"vue-cli-service"执行的。因此，关键是确保"vue-cli-service"正确安装并可执行。 对于新建的Vue3工程，在运行"npm run serve"时遇到了相同的错误，报错信息为"npm ERR! app@0.1.0 serve: `vue-cli-service serve`"。这也是因为同样的原因，"vue-cli-service"无法被正确执行。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [(vue)启动项目报错‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序](https://blog.csdn.net/qq_44754635/article/details/130250616)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue-cli系列之vue-cli-service整体架构浅析](https://download.csdn.net/download/weixin_38747126/13460298)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue 3 项目运行中报错 vue-cli-service serve](https://blog.csdn.net/kklovablekk/article/details/122822763)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值