Vue-cli 安装及介绍

最新推荐文章于 2023-11-15 20:50:59 发布
最新推荐文章于 2023-11-15 20:50:59 发布
阅读量237 收藏 2
点赞数
分类专栏： Vue学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43515797/article/details/109695882
版权
本文介绍了如何在Node.js环境中使用Vue-cli进行全局安装、查看版本、初始化项目及运行项目。步骤包括通过cnpm安装vue-cli，创建基于webpack模板的新项目，然后进入项目目录，安装依赖并启动开发服务器。重点提及了Vue-cli项目目录中的package.json文件及其作用。
摘要由CSDN通过智能技术生成

Vue-cli 安装

1、在node环境下安装

cnpm install vue-cli -g

cnpm：淘宝镜像（cnpm / npm 都可，cnpm一般比npm快）
-g：全局安装

2、查看安装版本

注意是大写的V（小写的v无效）

vue -V

在这里插入图片描述
3、初始化

vue init webpack vuecliTest

在这里插入图片描述
上述跳过 npm install后，手动 cnpm install（如下）

webpack为模板名称，其余模板有webpack-simple、browserify、browserify-simple、simple

进入文件夹

cd vuecliTest

安装

cnpm install

在这里插入图片描述
运行

npm run dev

在这里插入图片描述
点开链接
在这里插入图片描述
安装成功~

Vue-cli项目目录介绍

在这里插入图片描述
package.json文件中：

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

LANGXUEWEN
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安装vue-cli
测试开发架构师
03-28 100
安装vue-cli 一、vue-cli是什么 vue-cli是vue官方提供的脚手架工具，默认搭建好一个项目的基础架子，我们在其基础上进行相应的修改即可 下载模板地址：https//github.com/vuejs/vue-cli 或者全局安装vue-cli：npm install -g @vue/cli（建议全局安装，安装好后，在任何一个文件夹下面初始化项目都可以使用这个脚手架） 查看脚本是否安装成功 ...
vuecli4 启动_4、Vue-cli项目创建
weixin_42133861的博客
02-05 315
Vue-cli项目的创建最近在开发网站，项目运用到了Vue-cli这个脚手架工具，下面记录一下vue-cli创建项目的一些步骤，为自己的学习做相关笔记。vue.png一、首先我们需要安装node.js 这是我们的核心安装步骤:一路next安装好了或者自定义目录(看个人)2.安装好了以后检查一下是否安装成功1. 打开cmd 输入node -v 是否显示node版本号2. 因为安装成功后也安装了npm...
vue-cli（vue脚手架）安装 详细教程
热门推荐
keke2486的博客
08-26 2万+
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。 一.安装vue-cli 1、 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。 注意：webpack 4.
安装Vue CLI
qq_62837251的博客
05-15 528
要安装 Vue CLI，你需要先安装 Node.js 环境。
安装Vue-CLI
flyingdream123的专栏
02-28 91
以管理身份运行cmd命令窗口 $ npm install -g vue-cli 验证安装：$vue -V
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学习笔记进阶篇之vue-cli安装及介绍
12-08
全局安装vue-cli npm install -g vue-cli 当然了，要想使用npm工具，就必须安装Node.js，node.js的安装方法这里就不做介绍了。 安装完成后，在终端输入以下命令, 可以查看vue的版本：vue -V 输入以下命令，可以...
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为...
安装vue-cli的简易过程
12-11
在本文中，我们将详细介绍如何安装和使用Vue CLI。 首先，安装Vue CLI之前，确保你的机器上已经安装了Node.js，因为Vue CLI是基于npm（Node Package Manager）的。你可以通过在命令行工具中输入`npm -v`来检查npm...
vue-cli安装
qq_40975034的博客
11-28 607
直接开始 1. 安装nodejs，参考我的文章绿色版nodejs安装及环境配置 2. 命令窗口下输入 npm install -g vue-cli 执行后开始安装 3. 安装成功即可使用 输入命令 vue -V 测试命令是否可用 （V是大写） 注意： 如果命令 输出 vue -V不可用；在环境变量中添加nodejs里边的文件夹node_global 我的路径是D:\Progra...
学习博客：【Vue】安装vue-cli
Aurinko324的博客
06-17 81
主要功能http://nodejs.cn/download/下载安装后cmd运行（建议管理员）输出版本号则安装成功，npm是一个软件包管理工具安装 Node.js 淘宝镜像加速器或使用如下语句解决npm速度慢的问题安装vue-cli查看可以基于哪些模板创建vue应用程序，通常选择webpack，可打包降级兼容安装时出现的问题管理员运行Windows Power Shell 输入输入 Y 选择版本后 点击 Enter 等待安装完成 解决.........
Vue CLI的简单安装
sinat_24619961的博客
08-25 159
不得不说，做后端的，不仅要会一点前端、数据库也要会、文档啥的更别说了，今天来安装个Vue CLI，搭个初始项目试试。 一、安装nodejs Node.js下载地址，windows安装的下载.msi文件，下载完后自己安装。安装完成后查看环境变量是否配置：path 查看版本号：node --version 二、安装Vue CLI 安装教程可以看官方文档Vue CLI 官方文档。 这边要注意官网的提示，接下去直接根据官网命令来操作即可。 安装界面： 查看是否安装成功：vue --version 三、新建
Vue-Cli安装和配置（全）
qq_44709970的博客
02-21 4061
安装、配置、淘宝镜像、可能出现的问题
vuecli4 启动_vue-cli +typescript+webpack4 项目搭建超详细步骤
weixin_39881167的博客
12-20 751
vue+typescript+webpack4 项目搭建步骤前言： 由于最近才开始接触Typescript，而后首先就是搭建环境，而网上教程时间比较久并且不全，因此在这里记录下手把手的详细脚印。???? ????????????javascript源码地址请戳 ???????????? vue-ts-initcss一、初始化项目vue init webpack vue-ts-initcd vue-ts-initnpm install复制代...
Vue cli安装及使用
weixin_58375506的博客
06-30 175
安装 在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 安装 -- 简单易懂
Daisy_Journal的博客
09-10 192
Vue-CLI 这相当于一个编译程序,将vue文件编译成html 安装要求: 有 node.js 环境 因为Vue-cli其实是建立在node环境下运行的,简单理解就是用以前的前后端混合生成页面的方式来生成网页,所以要运行cli就需要Node.js这个后端软件. 安装Node.js Tip: 本人使用的是 win10x64位系统 打开 Node.js官网 安装使用默认选项即可,大佬们根据需求安装 安装完成可在cmd中使用node -v 查看 node.js 版本 就可以了 安装 vue-cl
安装vue-cli脚手架（详细教程）
weixin_53221528的博客
11-15 2656
我们安装vue-cli脚手架需要先安装Node.js并配置好其环境。
安装vue-cli版本
weixin_43893844的博客
07-05 141
查询可用版本 npm view vue-cli versions --json 安装指定版本 npm install -g vue-cli@2.9.6 vue-cli3以上 npm install -g @vue/cli@版本号 安装最新版本 npm install -g @vue/cli -g代表全局安装 查看当前版本 vue -V 如果有旧版本，卸载旧版本 npm uninstall vue-cli -g ...
vue-cli安装失败
最新发布
06-05
安装 vue-cli 的时候，有时候会出现安装失败的情况，可能是由于网络原因或者是缺少依赖等问题所导致的。 以下是一些常见的 vue-cli 安装失败的原因和解决方法： 1. 网络原因：请确认网络是否正常，可以使用命令行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值