vue-cli安装并生成项目

最新推荐文章于 2022-11-13 19:56:57 发布
原创 最新推荐文章于 2022-11-13 19:56:57 发布 · 499 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何安装Node.js及验证安装是否成功的方法，并通过命令行方式使用Vue CLI工具创建一个名为my-project的新Vue项目。

首先安装node.js  搜索node.js



找到对应操作系统版本并下载安装



安装好后在控制台输入，如果显示对应版本号，则安装成功，版本号不需要和图片一致




之后在控制台依次输入以下命令，安装vue-cli并创建项目，my-project为项目名



脚手架、vue-cli与@vue/cli概念辨析
skysys的研究小屋
01-22 1793
脚手架 「为减少重复性工作而做的重复性工作」的工具 例子 你要写一个项目0，源语言为ES6，用了sass, 后端是node.你每次完成一部分功能，你都要用把ES6编译到ES5、编译sass、压缩html文件。每次修改代码都要做的编译ES6、sass、压缩html这些就是重复性工作。 后来你知道了gulp, 然后你写了个gulp脚本，每次有代码改动，一句gulp build就帮你完成了上面说的这些重复性工作. 你写的gulp脚本就是为减少重复性工作而做的工作。你写完这个项目0之后，你又要写项目1，还是ES6、
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
vue-cli搭建项目
weixin_30815427的博客
08-20 1366
一、全局化安装cnpm 其实对于安装vue-cli，使用npm命令和cnpm命令都是可以的，个人觉得使用npm安装的比较慢，而且很可能会因为网络问题而出错，所以还是觉得使用cnpm稳一点。 npm install cnpm -g --registry=https://registry.npm.taobao.org （1）全局安装 vue-cli ，在命令提示窗口执行： cnpm in...
Vue.js：使用vue-cli快速构建项目
相濡以沫的博客
12-13 2148
vue-cli是什么？ vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。 vue-cli怎么使用？ 安装vue-cli之前，需要先安装了vue和webpack，不知道怎么安装的可以看我之前的文章《Vue + Webpack 实现SPA应用文档》 安装vue-cli npm install -g vue-cli
vue-cli安装
如是说的博客
09-24 647
近期梳理了一下win和linux下安装vue项目，总结一下，希望对于看的人有帮助，废话不多说。 Linux下安装 因为我用的是deepin,所以再此就不演示了。首先电脑上已经安装好了node和npm了，如果没有安装的，后期需要npm包管理工具，如果还没有安装的，可以自己百度进行安装。 首先查看一下node和npm的版本，两个版本不能相差太大，如果相差太大可能在后期安装vue的时候会有一些不可...
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： ...
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli 是vue.js的脚手架，用于快速自动生成vue.js+webpack的项目模板，这样大大降低了webpack的使用难度。下面是详细的安装步骤 vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装...
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
12-10
本篇文章将详细介绍如何利用 Vue CLI 自动打包并生成配置文件，以提高开发效率和灵活性。 首先，我们要解决的是配置文件的自动化生成。在描述中提到，项目实施时经常需要更改交互的地址等配置信息，这导致频繁打包...
Vue-Cli的安装
YYYYYG_的博客
05-07 530
一、安装vue-cli 安装vue-cli的前提是你已经安装了npm，可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。 npm/cnpm install vue-cli -g cnpm是淘宝镜像，安装会快一些。 二、初始化项目 vue init <template-name> <project-name> 例子 vue init webpack v...
vue-cli 安装
博客
01-19 516
使用脚手架工具 vue-cli 可以快速地构建项目安装过程：1、全局安装 ： npm install -g vue-cli2、初始化webpack: vue init webpack my-test(工程名称)3、根据提示走4、进入你的工程目录 ： cd my-test5、下载所有配置文件的内容： npm install6、热加载（启动服务器）： npm run dev注：第六步如果报错，node.
vue-cli的安装
m0_51437180的博客
11-13 214
vue-cli安装
用vue-cli快速生成vue项目
hlqiong的博客
08-15 1853
一、全局安装webpack npm install webpack -g 二、安装node 三、全局安装vue-cli npm install vue-cli -g 四、生成项目  vue init webpack project_name 五、安装依赖模块  在项目文件夹内打开cmd npm install 六、开发环境运行 npm run dev 七、配置篇 ...
前端基础-Vue.js构建一个项目
逍遥云恋
03-26 666
第12章 构建一个项目 12.0 命令行工具 (CLI) https://cn.vuejs.org/v2/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-CLI Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included ...
vue-cli4.0快速搭建项目教程
完成配置选择后，vue-cli会自动下载并安装所需依赖，生成项目结构。 总结来说，使用vue-cli4.0搭建Vue.js项目是一个便捷且灵活的过程，它允许开发者根据项目需求定制配置，提高了开发效率。通过升级本地环境和理解...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值