VUE+cli(脚手架安装步骤)以及生成的文件

最新推荐文章于 2023-01-16 11:01:41 发布
原创 最新推荐文章于 2023-01-16 11:01:41 发布 · 1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何在Node.js环境中安装和使用Vue CLI，包括Vue的安装方法、搭建脚手架的步骤以及最终生成的文件目录。通过CLI，可以快速创建包含基础依赖库的项目结构，简化开发流程。

vue-cli webpack在node环境下安装使用

安装vue前需要安装的

在安装vue之前,需要检查是否已下载node.js(打开cmd-输入命令:node -v)

为什么需要node.js?

1.打包部署
2.解析vue单文件组件,解析每个vue模块,拼在一起
3.转码es6.less等
4.启动测试服务器localhost8080,帮助管理vue-router.vue-resiyrce(请求用的)
5.要是正常的< script >标签引入的话,这种就不需要node.js

安装Vue的三种方法?

1.直接下载

https://vuejs.org/js/vue.js
https://vuejs.org/js/vue.min.js

2.CDN

< script src=“https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js”>< /script>

3.使用npm下载

npm install vue

最低0.47元/天 解锁文章
vue脚手架安装过程
01-29
vue脚手架安装过程,只是简单的介绍了vue-cli的安装过程
精选资源
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为...
vue脚手架搭建
weixin_54711921的博客
11-12 1033
第一步：查看node 版本号 如果低于 版本10 的话安装最新版node 如果没有cnpm 的话 需要安装cnpm 如果已经安装过cnpm 可以跳过 安装cnpm的命令是： npm install -g cnpm --registry=https://registry.npm.taobao.org 第二步：cmd终端中安装vue脚手架 cnpm i @vue/cli -g 安装成功后可以执行 vue -V (注意：-V 是大写) 查看vue版本号 来检测是否成功 第三步： 创建项目： 在想要创建项目的文
vue脚手架安装步骤
weixin_49592652的博客
03-18 287
Vue Cli 安装 npm install -g @vue/cli 或者 yarn global add @vue/cli 创建项目 建议在PowerShell中创建 vue create 文件名 1.方向键进行调动 回车进行下一步 2.方向键进行调动 空格选中(取消) 回车下一步 3. 4.输入n 5. 6.输入n 7.等待创建项目 8.cd s 进入创建的项目目录下 使用npm run serve启动服务 9.在页面输入地址
VUE脚手架安装步骤
qq_41918358的博客
07-02 2014
1. 官网下载 （1）如果是window7系统: 下载安装13的版本 URL: https://nodejs.org/dist/latest-v13.x/ window10 下载14版本 （2）安装node 一路点下一步即可 （3）检查node版本 （4）检查NPM版本 （5）切换淘宝NPM库 1).npm install -g cnpm --registry=https://registry.npm.taobao.org 方式2: 2).npm config set regi.
Vue脚手架安装步骤
weixin_54475760的博客
06-04 951
Vue脚手架的安装步骤
vue-cli脚手架的.babelrc文件用法说明
10-14
`.babelrc` 文件是 Vue CLI 脚手架中的一个重要配置文件，用于定义 Babel 的转码规则和插件。Babel 是一个广泛使用的 JavaScript 编译器，它允许开发者使用 ES6+ 甚至实验性语言特性，然后将这些新特性转换为广泛...
手把手教你使用vue-cli脚手架(图文解析)
08-28
本篇文章主要介绍了使用vue-cli脚手架的详细教程，从环境搭建到项目初始化的每一步骤都进行了详细的解析。下面是本篇文章的知识点总结： 一、Vue-cli脚手架的优势 * 有一套成熟的vue项目架构设计，能够快速初始化...
VUE3&TS: Vue-cli4脚手架，Vue3+TS的项目搭建
干饭搬砖两不误。
01-16 5040
通过 Vue-cli4 创建的 Vue3+TS 的项目，并进行一些基础使用的举例
VUE脚手架安装流程
小范的博客
04-15 423
使用Vue脚手架创建Vue项目： #1，在当前文件夹对应的cmd窗口中进行以下操作 #2，电脑已经安装过node.js #3，判断它是否安装成功 node -v # 查看node版本 npm -v # npm版本 4，安装Vue脚手架(必会技能)：每个电脑配置一次即可 #直接使用npm，网速比较慢，使用淘宝镜像源提供的cnpm npm install -g cnpm --registry...
vue 脚手架安装步骤
weixin_34342207的博客
05-27 302
安装node.js，git 配置https://nodejs.org/en/ node -v 查看版本 是否安装成功复制代码淘宝镜像http://npm.taobao.org npm install -g cnpm --registry=https://registry.npm.taobao.org复制代码cnpm install -g @vue/cli -init --save vue -V ...
vue脚手架安装步骤详情
ITCwg的博客
03-01 3156
Vue-cli安装步骤详情 前言:在做vue项目中,我们如果不使用vue提供的脚手架,我们就必须自己去搭建项目中所需的一切东西, 这些项目所需要的目录结构啊 ，等等，这样的话会出现重复性的工作,费时费力的。Vue脚手架帮助你快速开始一个vue项目，其实其本质就是给你一套文件结构，包含基础的依赖库，你只需要npm install一下就可以安装。让你不需要为编译或其他琐碎的事情而浪费时间，这并不会限制...
Vue脚手架安装步骤（全网最全！！）
lzy_55的博客
10-12 717
Vue脚手架安装步骤（全网最全！！）
vue.js 脚手架安装步骤
duyaoyuta的博客
04-07 267
vue.js脚手架 编辑步骤 node.js下载网址https://nodejs.org/en/ 从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了，安装完之后，我们通过打开命令行工具（win+R）,输入 node -v 命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。 安装cnpm 在命令行中输入 npm install -g...
安装vue脚手架的流程
m0_65315526的博客
12-29 266
安装vue脚手架的流程
安装vue脚手架步骤
weixin_65511579的博客
10-11 570
只需要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脚手架的简易安装流程
weixin_48463527的博客
11-26 732
1.node.js的安装 Node.js 中文网 在搭建vue的开发环境之前，需要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，下载完之后双击打开进行傻瓜式安装 2.Vue脚手架安装 第一步 win+r输入cmd进入黑窗口 在窗口中输入 node -v查看是否安装成功，出现版本号就表示安装成功，ok 可以进行下一步操作 第二步下载脚手架 ...
安装vue脚手架简单流程
qq_37980686的博客
11-19 195
安装vue脚手架流程 第一步安装webpack ：npm install webpack webpack-dev-sever --save-dev 第二步安装vue：npm install -g vue-cli 第三步：vue init webpavk 运行项目第四步：npm run dev –save 必须的包 –save-dev开发依赖的包 如果安装失败的话可以清除一下缓存：npm cach...
VUE脚手架安装
weixin_47198950的博客
12-28 985
** VUE脚手架安装 打开之后切换到指定盘符 *1. 先安装一个能创建脚手架项目的命令行工具: npm i -g @vue/cli 用vue命令，创建一个项目的脚手架代码文件夹 vue create 项目文件夹名* 脚手架文件夹创建成功后: Successfully created project project. Get started with the following commands: cd project //先进入项目文件夹（vue create后的那个文件夹——project
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值