vue-cli的安装与使用

最新推荐文章于 2022-07-14 15:50:01 发布
最新推荐文章于 2022-07-14 15:50:01 发布
阅读量671 收藏
点赞数
分类专栏： vue-cli 文章标签： 前端 vue-cli3 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zt0118/article/details/121304912
版权
本文详细介绍了如何安装和使用Vue CLI来创建一个工程化的Vue.js项目。首先通过CMD运行`npm install -g @vue/cli`安装Vue CLI，接着验证安装是否成功，然后在指定目录下使用`vue create 项目名称`创建项目。在项目配置中，选择预设选项，包括Vue版本、预处理器等，最后根据提示完成项目设置。这个教程适合Vue初学者快速上手项目搭建。
摘要由CSDN通过智能技术生成

1.安装vue-lic，打开cmd输入

npm install -g @vue/cli

2.检查是否安装成功

vue -V

3.想好把项目创建在哪个目录，然后点击地址输入cmd

4.基于vue-cli快速生成工程化的Vue项目: 

vue create 项目名称

 如果出现下图

输入  y

 5.然后出现下图

小白推荐选择第三个（用上下箭头选择）

 6.用空格选择

 7.选择vue版本

 8.预处理器

（用上下箭头选择）

 9.选择第一个

 10.选第一个 

 

——周彤——
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-lic脚手架安装与部署项目流程
比巴卜的博客
08-21 3192
安装node.js 从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如果出现相应的版本号，则说明安装成功。 另外nodejs就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。 注意： 安装目录，...
vue -lic 搭建vue项目
qq_46765422的博客
08-21 799
vue -lic 搭建vue项目前言1. 什么是vue-cli?2. 安装vue-cli3.启动并访问项目 目录 前言 前提搭建好NodeJS环境 node -v npm -v 1. 什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 注1：xxx 为自己创建项目的名称 注2：必须先安装vue,vue-cli，webpack，node等一些必要的环境 2. 安装vue-cli
Vue cli安装及使用
weixin_58375506的博客
06-30 197
安装 在cmd窗口输入 npm i -g @vue/cli 1.创建项目 vue create 项目名 2.选择项目模板 .选择 no eslint规范代码 .如果没有no eslint 选择最后一个，将倒数第三个按空格取消，然后按回车即可 3.运行项目 在vscode中打开终端 用 yarn serve 或者 npm run serve 运行 在浏览器输入localhost：8080查看效果 4.项目结构 node_modules public index.html favicon.icon sr
Vue-cli安装过程
Mr-k的博客
06-07 1169
Vue-lic的安装过程
vue-lic工具搭建vue-webpack项目
weixin_30823001的博客
02-27 263
1.安装node环境(安装node时候会自动安装npm) 　　参考官网:https://nodejs.org/en/download/ 2.安装vue的脚手架工具vue-cli // 全局安装 npm i vue-cli -g 3.使用vue-cli初始化webpack项目(在这里用的是cmd，可以选择选项) vue init webpack test-project// ...
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...
详解使用nodeJs安装Vue-cli
01-02
1、执行npm install –global vue-cli ，全局安装vue-cli —-因为默认是从国外服务器下，可以使用阿里巴巴在国内的镜像服务器。 产生通过config命令设置默认下载路径： npm config set registry ...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目没有对应的文件，命令会生成vue.config.js 、 Views.json文件 多建 该命令将在上面生成配置的位置构建您的条目，您可
vue-cli安装使用流程步骤详解
01-19
1.全局安装vue-cli cnpm i vue-cli -g 2.监测安装版本 vue -V 大写V : version 3.指定目录下新建项目 vue init webpack [项目名] 按自己的意愿配置、选择对应信息。最后配置完成检查package.json是否如此 4.进入...
安装vue-cli的简易过程
12-11
在本文中，我们将详细介绍如何安装和使用Vue CLI。 首先，安装Vue CLI之前，确保你的机器上已经安装了Node.js，因为Vue CLI是基于npm（Node Package Manager）的。你可以通过在命令行工具中输入`npm -v`来检查npm...
vue-cli（vue脚手架）超详细教程
热门推荐
绝圣弃智-零的博客
02-12 1万+
vue2是对新手很友好的MVVM框架，有完善的官方中文文档，阅读起来也非常容易理解，由浅入深，示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项目框架。 vue.js 著名的全家桶系列, 包含了， vue-router, vuex， axios，再加上 vue-cli 就是一个从 路由，数据流管理，http请求都有的核心项目，vue 社区的丰富资源，也是满足了我们日...
手把手使用 vue-lic3.0 快速构建项目（全）
系咩的个人收藏博客
03-29 2103
使用 vue-lic3.0 快速构建项目 安装前需要注意的地方： Vue CLI 的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x)，你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。 Vue CLI 需要Node.js8.9 或...
vue-cli 详细分析
zlq_CSDN的博客
06-07 298
是什么？ vue-lic 是 vue 官方提供的脚手架工具，默认搭建好一个项目的基本架子，我们只需要在此基础上进行相应的修改即可。 下载： https://github.com/vuejs/vue 安装 注意：安装 vue-cli 前需要事先配置好 node 环境 npm install -g vue-cli //如果是 mac 电 sudo表示以管理员的权限 sudo install -...
使用vue-cli搭建SPA项目
qq_64230952的博客
05-04 690
目录 前言 1.什么是vue-lic? 2. 安装vue-cli指令 3.使用脚手架vue-cli(2.X版)来构建项目 前言 vue-cli搭建SPA项目前提：必须搭建好NodeJS环境：用指令 node -v 与 nmp -v 来检查环境是否搭建完成 1.什么是vue-lic? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板 创建命令如下：vue init webpack xxx 2. 安装vue-cli指令 np...
vue-cli介绍
weixin_49231143的博客
03-24 3886
学习vue的一个转折点是学习vue-cli(脚手架)，初识脚手架，一开始你会想到什么呢？是不是想工地里架起来的钢筋，条条框框的一个框架一样。让我们来一下了解一下cli 文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考
vue-lic 项目 check-versions.js 文件中文注释
vcfriend的专栏
11-06 567
'use strict' // 该文件用于检测node和npm的版本，实现版本依赖 //chalk 是一个用来在命令行输出不同颜色文字的包，可以使用chalk.yellow("想添加颜色的文字....") //来实现改变文字颜色的; const chalk = require('chalk') //semver 的是一个语义化版本文件的npm包，其实它就是用来控制版本的; const semve...
vue-cli项目搭建步骤详解
yw00yw的博客
07-25 1万+
使用vue webpack 模板搭建项目步骤： 1. 安装 node.js(npm)，因为会用到npm包管理工具下载项目依赖等 2. 安装 webpack: npm install webpack -g 3. 安装 vue-cli： npm install vue-cli –g 4. 通过vue-cli，初始化vue项目： vue init webpack projectName(项目名...
使用 vue-lic3 创建 vue 项目
君非道的博客
12-14 2866
使用 vue-lic3 创建 vue 项目 在使用 vue-lic3 创建 vue 项目工程之前首先要确保已经安装了 nodejs，webpack vue-cli 是 vue 的脚手架，可以用配置好的模版快速搭建起一个项目工程，不用自己去配置 webpack 配置文件的基本内容。 安装 vue-cli 3.0 版本：通过 npm install -g @vue/cli或 yarn global ...
vue3+Ts使用pinia（vue-lic搭建项目）
weixin_45766506的博客
07-14 1433
vue3+ts+pinia
vue-cli安装失败
最新发布
06-05
安装 vue-cli 的时候，有时候会出现安装失败的情况，可能是由于网络原因或者是缺少依赖等问题所导致的。 以下是一些常见的 vue-cli 安装失败的原因和解决方法： 1. 网络原因：请确认网络是否正常，可以使用命令行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值