Vue安装及Vue-cli脚手架安装及使用

最新推荐文章于 2025-03-29 22:48:35 发布
最新推荐文章于 2025-03-29 22:48:35 发布
阅读量908 收藏 1
点赞数
文章标签： Vue安装及Vue-cli脚手架安装及使用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Blackplace/article/details/103098039
版权
本文介绍了Vue.js的基本概念，包括它的渐进式框架特性，以及如何安装Vue.js。接着详细阐述了Vue-cli3.0的安装过程，包括卸载旧版本和换源教程。此外，提供了三种创建Vue项目的方法，包括命令行创建、图形界面创建和基于Vue-cli1.x或2.x创建，并指导如何启动项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Vue.js是什么?

  • Vue.js是一套构建用户界面的渐进式框架。
  • Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件
  • Vue 只关注视图层， 采用自底向上增量开发的设计。

Vue.js安装

  1. 独立版本

    我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。

  2. 使用CDN方法(也是用 <script> 标签引入，免去下载步骤)

    这里有三个CDN：

  3. npm安装vue（推荐）

在用 Vue.js 构建大型应用时推荐使用 npm安装：(默认已经安装nodejs，附上nodejs下载地址和nodejs安装教程）

先认识一下npm是什么：
npm其实是Node.js的包管理工具（package manager)。npm可以根据依赖关系，把所有依赖的包都下载下来并管理起来。那么npm究竟在哪？其实它已经在Node.js安装的时候顺带装好了。

检查一下是否已经安装npm

//命令行查看一下版本
G:\>npm -v
6.7.0

npm安装vue

# 最新稳定版
$ npm install vue                -->确保已经安装nodejs
最低0.47元/天 解锁文章
AccourCHN
关注
安装vue-cli
测试开发架构师
03-28 256
安装vue-cli 一、vue-cli是什么 vue-cli是vue官方提供的脚手架工具，默认搭建好一个项目的基础架子，我们在其基础上进行相应的修改即可 下载模板地址：https//github.com/vuejs/vue-cli 或者全局安装vue-cli：npm install -g @vue/cli（建议全局安装，安装好后，在任何一个文件夹下面初始化项目都可以使用这个脚手架） 查看脚本是否安装成功 ...
【vue】vue中的路由vue-router，vue-cli脚手架详细使用教程_vue-cli 路由
2401_84433807的博客
05-09 360
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
Vue.js脚手架安装
frank_fong的博客
01-23 7315
1.首先下载安装node.js 下载地址：https://nodejs.org/en/ 2.运行cmd，查看版本号（出现版本号说明安装成功） 输入：node -v 查看node版本号（需要在6.9以上） 输入：npm -v 查看npm版本号（需要在3.10以上） 3.命令行工具（在cmd里安装） # 全局安装 vue-cli $ npm install --global vu
Vue-CLI最新详细安装教程【附安装包】
最新发布
2503_90209418的博客
03-29 638
它由Vue.js官方提供，旨在通过简单的命令行操作，帮助开发者快速搭建项目结构，包含项目所需的配置和依赖。Interface）是一个基于Vue.js框架的项目脚手架工具，用于快速生成Vue工程化项目的工具。变量【C:\Program Files\nodejs\如果存在，就新建剩下的两个变量即可。6.输入命令【npm run serve】，按下回车键启动项目。显示（v22.11.0）版本号则表示node.js安装成功。这里我以输入vue create demo为例。我这里以输入【cd demo】为例。
VUE.JS——脚手架安装
世界中心的专栏
02-10 2万+
使用 Vue.js 开发大型应用时，我们需要考虑代码目录结构、项目构建和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无疑效率是低下的，所以通常我们会使用一些脚手架工具来帮助完成这些事情。在 Vue.js 生态中我们可以使用 vue-cli 脚手架工具来快速构建项目。 （1） 安装之前需要检查是否已经安装NodeJS的环境 可以使用node -v检查，且需要保证安装4.
【Vue脚手架安装教程】
热门推荐
zjyJul的博客
04-27 3万+
文章目录前言一、安装Node.js二、配置淘宝镜像1.将npm设置为淘宝镜像：2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 安装Vue脚手架之前，要先安装node.js配置环境 提示：以下是本篇文章正文内容，下面案例可供参考 一、安装Node.js 1.搜索node.js官网下载自己对应版本 https://nodejs.org/ 2.打开文件双击安装，一直点next。安装目录可以更换成自己的目录，最后点击in....
vue脚手架安装
qq_50384924的博客
05-22 251
安装node.js 1.地址:http://nodejs.cn/download/ 2.在cmd中输入node -v出现版本号 全局脚手架 vue脚手架可以快速生成vue项目基础的架构 1.安装3.x版本的脚手架: npm install -g @vue/cli 2.基于3.x版本的脚手架创建vue项目 命令:vue create my-proiect 3.配置 勾选特性可以用空格进行勾选 1.选择预设 Default ([Vue 2] babel, eslint) 默认只安装babel和eslint
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
如果yon没有使用Vue CLI创建的项目： vue create my-vue-app 将插件安装到您的项目中： cd my-vue-app vue add i18n :hammer: 注入的命令 vue-cli-service i18n:report （实验性） 报告缺少的区域设置消息键和
vue-cli-plugin-qiankun:适用于微前端千库应用程序的vue-cli3插件
05-05
* vue-cli-plugin-qiankun* An Vue-cli3 Plugin for micro-frontend qiankun application 结合 qiankun 快速生成微前端应用的脚手架插件 Features qiankun 接入，子应用打包配置接入 修改 qiankun 官网 demo 中 vue ...
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为...
Vue脚手架安装
qq_43713967的博客
11-23 172
安装node.js 在官网下载，本人windows系统 安装node.js后 node -v查看版本 然后安装淘宝镜像cnpm： npm install -g cnpm registry=https：//registry.npm.taobao.org 全局安装vue-cli脚手架： cnpm install -g vue-cli 然后vue -V查看vue是否安装好了 全局安装webpack命令： cnpm install webpack -g 然后选本地文夹创建vue项目 vue init webp
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脚手架（vue-cli）安装
Hemameba的博客
07-12 1577
本篇文章主要用于介绍如何在计算机上安装VUE脚手架。
Vue脚手架安装教程
h_jQuery的博客
05-12 1184
Vue脚手架 安装vue脚手架之前，建议先去看看webpack的安装过程，这样会更好理解一些。 1.安装一个3.x版本的Vue脚手架 npm install -g @vue/cli //npm i -g @vue/cli 2.创建项目 //protest是项目名，自定义的 vue create protest 这里会有选项出来，可以选第一项，但是建议选第三项，自定义（高手就选这个），选择特性以创建的项目为准 使用键盘上下键移动，回车选定，勾选特性用空格进行勾选 [外链图片转存失败,源站可能有防盗链机制,
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值