Vue-CLI

最新推荐文章于 2022-06-01 11:20:37 发布

原创最新推荐文章于 2022-06-01 11:20:37 发布 · 291 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

前端专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何使用Vue-CLI快速搭建Vue.js项目，包括安装Vue和Vue-CLI，通过webpack模板创建项目，以及运行项目的具体步骤。

Vue-CLI

官方文档

入门视频学习

安装

# 安装 vue
npm install vue
# 全局安装 vue-cli
npm install --global vue-cli

开始项目

# 创建一个基于 webpack 模板的新项目,这里需要进行一些配置，默认回车即可
vue init webpack my-project
cd my-project
npm install
npm run dev

成功执行以上命令后访问 http://localhost:8080/，输出结果如下所示则成功搭建：
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sh0rk

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件

05-30

vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的用法在你的 vue-cli 创建的项目中安装插件，如果没有请...

vue-cli-plugin-quasar：Quasar Framework Vue CLI插件

02-03

类星体框架：vue-cli-plugin-quasar :rocket: 在2分钟内开始使用Quasar Framework构建Vue应用！ :warning_selector: 为了获得Quasar的高级（推荐）体验，包括构建Mobile＆Electron应用程序以及轻松升级到新...

参与评论您还未登录，请先登录后发表或查看评论

Vue_cli2和Vue_cli3

qq_37534947的博客

04-07

1210

文章目录1.什么是Vue cli2.使用前提3.Vue CLI2详解4.Vue CLI3详解 1.什么是Vue cli 当开发大型程序的时候，推荐使用Vue Cli CLI == Command-Line Interface 脚手架使用其可以快速的搭建Vue开发环境以及对应的webpack配置 2.使用前提 node.js的安装 http://nodejs.cn/download/ 检测安装成功 node -v 、npm -v 其中npm是自动安装的，为包管理工具 webpack的全局安装 npm

Vue框架学习----VueCLI

Sw1ng的博客

08-16

243

1.Vue CLI 1.1 Vue CLI使用前提 1 NodeJS 2 Webpack 1.2 Vue CLI使用安装 npm install @vue/cli@3.2.1 -g 如需拉取2.x模板（旧版本） npm install @vue/cli-init -g CLI2详解：脚手架目录先从package.json中找目录结构：

Vue CLI

白羊座的橙子

04-01

147

1、什么是Vue CLI 2、Vue CLI的使用前提 - node + webpack 3、Vue CLI的使用 1) 安装Vue脚手架 npm install -g @vue/cli //默认安装最新的安装指定版本的vue-cli npm install -g @vue/cli@3.2.1 查看版本 vue --version 注意：上面安装的是Vue CLI3的版本，如果需要想按照Vue CLI2的方式初始化项目时不可以的。 npm install -g.

vueCLI脚手架的介绍和安装

weixin_44020809的博客

07-25

552

什么是Vue CLI 如果你只是简单写几个Vue的Demo程序，那么你不需要Vue CLI 如果你在开发大型项目，那么你需要，并且必然需要使用Vue CLI 使用Vue.js开发大型应用时，我们需要考虑代码目录结构，项目结构和部署，热加载，代码单元测试等事情如果每个项目都要手动完成这些工作，那无疑效率比较低，所以通常我们会使用一些脚手架工具来帮助完成这些事情 CLI是什么？ CLI是Command-Line Interface，翻译为命令行界面，但是俗称脚手架 Vue CLI是一个官方发布Vue.js项目

vuecli-脚手架2和3的介绍及安装

qq_46071321的博客

01-02

617

vuecli-脚手架的介绍和安装什么是Vue CLICLI是什么意思？Vue CLI使用前提-Node安装NodeJS检测安装的版本什么是NPM呢？Vue CLI的使用安装Vue脚手架初始化项目目录结构详解什么是Vue CLI 如果你在开发大型项目，那么你需要，并且必然需要使用Vue CLI 使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无疑效率比较低，所以通常我们会使用一些脚手架工具来帮助完成这些事情。 C

vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目

05-11

:globe_with_meridians: vue-cli-plugin-i18n Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠...

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-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（可选）└─...

脚手架的安装

qq_45829293的博客

01-23

596

脚手架的安装 Vue CLI使用前提是—Node 1.下载node.js 首先在官方网站上直接下载node.js 默认情况下自动安装Node和NPM Node环境要求8.9以上或者更高的版本检测node是否安装成功: node -v 也可以检测一下npm是否成功: npm -v 2.下载淘宝镜像在使用npm下载插件的时候会非常缓慢，想要提高下载的速度我们可以借助于淘宝镜像（直接在黑窗口中操作）。淘宝镜像操作：（直接在黑窗口中输入+回车即可）：npm install -g cnpm --regi

vuecli2 veucli3-脚手架的安装、初始化及使用

骨子里的偏爱

06-01

200

vuecli2 veucli3-脚手架的安装、初始化及使用一、安装全局安装： npm install -g @angular/cli 指定版本： npm install @vue/cli@3.2.1 -g 二：对项目的启动方法一： npm run dev 方法二： npm run serve 启动可视化仪表： vue ui 地址： http://localhost:8000/project/select 启动仪表ui截图：启动截图： ...

浅谈vue-cli 3 和 vue-cli 2的区别！！！