使用 vuecli2

最新推荐文章于 2024-07-31 21:26:18 发布
最新推荐文章于 2024-07-31 21:26:18 发布
阅读量114 收藏 1
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50736511/article/details/114805995
版权

打开终端输入vue init webpack vuecli
在这里插入图片描述
按回车之后没按一下就会生成选项让我们选择
在这里插入图片描述
在这里插入图片描述
第四条 使用何种方式创建vue终端 会有有两个选项，终端显示第一个是大多数人使用但是需要安装插件，第二个显示只有6kb可以更容易的运行所以选择了第二个
在这里插入图片描述
这些选择完之后vuecli就会帮我们根据上面的选项生成我所需要的文件
在这里插入图片描述

在这里插入图片描述
然后就可以跑vuecli2了
进入终端输入npm run dev
在这里插入图片描述
注意这里可能会出错一定要进入文件才能跑

错误：
在这里插入图片描述

在这里插入图片描述

万事胜意sy
关注
专栏目录
02-vuecli2.rar
11-06
记录了Vue-cli2的相关基本操作和配置，包含学习笔记等等，仅供个人学习使用。啦啦啦啦啦啦啦啦啦啦啦啦啦
vue 脚手架新手入门（vue cli 2）
这里的分享，都是干货
05-11 1120
适合没学过vue脚手架的朋友，包含了从vue项目的创建到接口的调用
vue超详细讲解三（Vue CLI2）
weixin_51375107的博客
10-24 1560
文章目录Vue CLI介绍CLI是什么使用CLI的前提NodeWebpack使用CLI的使用安装Vue脚手架 Vue CLI介绍 CLI是什么 CLI是Command-Line Interface，翻译为命令行界面，俗称脚手架 Vue CLI是一个官方发布vue.js项目脚手架 使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。 使用CLI的前提 Node 官网下载NodeJS 检测安装的版本 默认情况下自动安装Node和NPM Node环境要求8.9以上或者更高版本
使用CLI脚手架搭建Vue2项目
最新发布
敲厉害的燕宝的博客
07-31 847
注：如果 文件夹【node_global】里没有出现 【node_modules】文件夹，则在【node_global】下手动创建一个【node_modules】文件夹，再复制你创建的【node_modules】文件夹的路径地址到变量值。①打开窗口：依次执行【此电脑】-->【右键】-->【属性】-->【高级系统设置】-->【高级】-->【环境变量】，打开环境变量设置窗口。打开文件夹【node_global】，查看是否有多出了一个【node_modules】文件夹。提示选择preset， 选择Vue2即可。
Vue Cli2安装及配置
renaissance79的博客
09-16 4109
Vue Cli2详解 1.使用脚手架二（即vue cli2）需要安装，在安装之前需要安装node以及webpack（用于打包） ： 1.1安装node：从node.js官网下载并安装node；官网地址：https://nodejs.org/en/，安装时一直点下一步就行了。安装完成后，打开命令行（win+R）,输入 node-v，出现相应版本号则安装成功。 1.2 环境变量配置：主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm insta
使用Vue-cli2.0和 Vue-cli3.0创建vue项目及配置
ssy001128的博客
06-09 2082
安装node后安装淘宝镜像。
安装vue-cli2和3以及创建vue2和vue3项目的步骤及区别
Baby_加油_的博客
01-30 4471
安装vue-cli2和3以及创建vue2和vue3项目的步骤及区别，干货！！！
vuecli2.zip
03-18
在"vuecli2.zip"这个压缩包中，我们可以看到它包含了一个简化版的Vue CLI 2模板，以及可能的http服务和一些插件，这将极大地提高开发效率。 Vue CLI 2的主要特点和功能包括： 1. **快速项目初始化**：通过简单的...
vue cli 3.0 使用全过程解析
08-27
Vue CLI 3.0 使用全过程解析 本文将详细介绍 Vue CLI 3.0 的使用全过程，从安装 Vue CLI 到创建项目的每一个步骤。同时，本文还会对每个步骤进行详细的解释，以帮助读者更好地理解 Vue CLI 3.0 的使用。 一、安装 ...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
Vue CLI2升级至Vue CLI3的方法步骤
12-12
本文将详细介绍从 Vue CLI 2 升级到 Vue CLI 3 的方法步骤，以及一些关键配置的调整。 1. **卸载与安装** 升级前首先需要卸载旧版的 Vue CLI，然后安装 Vue CLI 3。确保 Node.js 版本至少是 8.9 或更高，因为 Vue ...
Vue-Cli2基础分析
qq_52965253的博客
01-31 490
通过对Node.js、NPM、模块化编程以及Webpack的理解深入浅出Vue-Cli2
浅析vue-cli 2实现原理
感恩、奋进、自信
10-23 713
看完vue-init首先，需要有一个自己模版项目其次，如果需要自定义一些变量，就需要在模版的meta.js当中定制下载模块使用的是模块，支持github，gitlab，bitucket上下载，只需要将定制好的模板项目放到git远程仓库上即可。
如何使用Vue Cli搭建vue2的项目基础
Mrs_Lupin的博客
06-23 754
第九步：将配置文件放在单独的文件中或者放在package.json文件中。前两个为默认安装babel和eslint的安装，最后一个是自定义安装。第十步：是否保存此次配置，下次初始化项目将会沿用此次配置(一般选N)最后：运行最下方两条指令，打开网页看到绿色大V即成功。第五步：历史模式(不出现#)或路由模式(出现#)Linter/Formatter 语法规范。第三步：选择如下所示的五个(*)的配置。第六步：使用less作为预处理器。第七步：无分号规范（标准化）第二步：自定义创建项目。Babel 语法降级。
使用VueCli创建vue2项目
qq_60633200的博客
06-15 2328
利用vue-cli创建vue2项目的流程
vue-cli2的使用
bakelFF的博客
03-07 2719
什么是vue-cli vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板；   预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速； 需要的环境 需要注意的是vue-cli2不支持较高的node.js版本，我下的是12的版本 Node.js：http://nodejs.cn/download/ 安装就是无脑的下一步就好，安装在自己的环境目录下 Git：https://git-scm.com/doen
【Vue2从入门到精通】超简单的vue2开发环境安装
全栈弄潮儿
03-17 5370
Vue是一款非常流行的JavaScript框架，它可以帮助开发者轻松地构建交互式的Web应用程序。在本文中，我们将会讲解如何搭建Vue2的开发环境，让你可以快速开始开发自己的Vue应用程序。
Vue-cli创建Vue2项目中的各步骤配置解析
xiaozhong159的博客
03-14 1312
小tips：我们在创建步骤的第九步会提示是否需要将当前选择的配置保存为一个预设模板（preset），保存后，我们可以找到C盘用户目录下的.vuerc文件，对预设的模板进行删除。为了描述各配置含义，不选择脚手架默认提供的模板，选择Manually select features（手动选择配置），使用⬆⬇选择，回车确认。因为本人主攻方向是后端，对前端了解远远不够，出于工作需要，需要自己搭建一个vue2项目，在此对搭建的一些过程进行纪录。如果你的代码不符合规范，会在保存时收到相应的警告或错误提示。
Vue CLI脚手架
申小兮和林小兮的博客宝
04-14 1101
plugin介绍及使用，搭建本地服务，Vue CLI脚手架介绍及Vue CLI最新版本详细操作步骤，VueCLI2版本的项目创建步骤
Vue CLI2到Vue CLI3升级指南
“Vue CLI2升级至Vue CLI3的方法步骤涉及多个方面，包括卸载与安装、环境变量与多环境配置、静态资源文件处理以及IDE的配置适应。” 在升级Vue CLI的过程中，首先需要确保你的全局环境中已经卸载了旧版的Vue CLI，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

万事胜意sy

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

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

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

打赏作者

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

抵扣说明：

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

余额充值