Vue中新脚手架vue-cli4的使用,脚手架4.0的安装

最新推荐文章于 2024-10-20 09:28:24 发布
最新推荐文章于 2024-10-20 09:28:24 发布
阅读量432 收藏
点赞数 1
分类专栏： vue 文章标签： 1024程序员节
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cxfh5/article/details/109257152
版权
本文介绍了如何在Vue中安装和使用新版本的脚手架vue-cli4。首先，通过npm卸载旧版脚手架，然后全局安装vue-cli@4并检查版本。接着，使用vue create命令创建项目，进入项目目录并运行npm run serve启动开发服务器。至此，你可以开始使用vue-cli4进行项目开发。
摘要由CSDN通过智能技术生成

Vue中新脚手架vue-cli4的使用,脚手架4.0的安装

Vue中新脚手架vue-cli4的使用

1.安装新版的脚手架

卸载脚手架：npm uninstall vue-cli -g(只能卸载2或者2以下)
vue-cli @4安装
npm install -g@vue/cli

vue  --version  查看版本

vue  create 项目名

下面为安装过程

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

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

cd 项目名
npm run serve
到此脚手架就可以开始使用啦

曹小豆的进阶路
关注
专栏目录
Vuecli4的安装，项目的创建与运行
SAS13的博客
11-29 407
一、node.js的安装 到Vue-cli官方文档查看安装指南：Installation | Vue CLI????️ Standard Tooling for Vue.js Developmenthttps://cli.vuejs.org/guide/installation.html 根据要求安装Vue-cli需先安装node.js，到node中文网下载长期维护版的node.js Node.jsNode.js® is a JavaScript runtime built ...
JAVA学习笔记—Vue-cli和Element-UI简单配置
qq_40850871的博客
12-27 650
文章目录1.Vue-cli1.1 什么是Vue-cli1.2 安装Vue-cli步骤1.2.1 安装Node.js1.2.2 安装NPM1.2.2.1 自动安装NPM1.2.2.2 查看包管理路径1.2.2.3 设置包管理路径1.2.2.4 NPM环境变量配置1.2.2.5 安装cnpm1.2.3 安装vue-cli1.3 快速构建Vue项目1.3.1 步骤说明1.3.2 导入Vue项目到VSCode1.3.3 项目结构介绍1.3.4 Vue脚手架自定义配置1.3.4.1 package.js 介绍1.3.
vue脚手架4.0安装和使用
pixle的博客
12-24 514
下载并安装node.js 安装vue npm install -g vue 卸载旧版脚手架 npm uninstall -g vue-cli 安装新版脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 新建项目 vue create 项目名 运行 cd 项目名 npm run serve 打包 npm run build ps:淘宝镜像(cnpm)安装 npm install -g cnpm --regis...
vue-cli4.0脚手架安装
小周sri的码农
10-17 370
10月16日，官方发布消息称Vue-cli 4.0正式版发布,并且强烈建议升级;小编也是刚刚安装了最新版本的脚手架看看更新了什么 安装和vue-cli3.0的是一模一样的，对比了一下3.0的脚手架，除了目录发生变化一些，其他的都一样 安装步骤和vue-cli3.0的一模一样 1.创建项目 vue create project-name ...
Vue CLl 基础知识+安装
MW
03-19 3078
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service)，该依赖： 可升级； 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配置； 可以通过插件...
Vuecli4 脚手架的安装----细解
俗人世界
07-28 905
Vuecli4 脚手架的安装----细解
vue-cli项目打包app
sunlizhen的专栏
05-29 712
一、准备项目 开发完成的web app项目（也可以利用vue-cli脚手架构建vue模板项目），npm run dev可以正常预览的项目 二、修改项目中的参数 1、将项目目录下config文件内index.js中assetsPublicPath修改为assetsPublicPath: './' 注意：在这个文件中，有两个assetsPublicPath，一个在dev中，一个在bulid中，我自己试的时候，同时修改，则打包成功的app显示未空白，只修改build中的assetsPublicPat...
VUE-ROUTER：VUE路由的安装与使用
算云烟
11-18 1073
文章有参看其他博主文章： 原文：https://www.jianshu.com/p/5dff6811252d vue-router导航守卫原文： https://zhuanlan.zhihu.com/p/54112006， https://segmentfault.com/a/1190000015727279 一、概述： vue-router是vue官方推出的单页面路由管理器，让构建单页面应用变得易如反掌，页面之间的跳转更加灵活自由 vue-router实现原理：SPA(single page
【2022-02-11】自定义vue组件库脚手架指导
weixin_45032079的博客
02-17 1133
自定义组件库脚手架1、项目初始化创建项目创建项目结构2、配置webpack常规配置引入label配置浏览器兼容性引入样式引入文件引入vue3、md配置方式一：自定义loader（参考elementUI，可优化）方式二：使用vue-markdown-loader方式三：使用resourceQuery的方式4、md美化文档美化代码高亮3、配置样例 1、项目初始化 创建项目 mkdir 项目名 cd 项目名 npm init -y 创建项目结构 文件 作用 public/index.html 文
vue-cli4.3 Vue脚手架的安装和使用
"✧treasure mountain✧"
05-05 4106
注：使用前需先安装Nodejs 首先 安装vue-cli： npm install -g @vue/cli 创建一个新项目： vue create 项目名 1、选择默认(default)还是手动(Manually)： 回车进行确认 2、选中要安装的组件： 上下箭头移动 空格选择/取消 回车确认 3、选择项目所需的功能： 4、选择语法检查方式： Lint on save表示保存就检测 Li...
vue-cli4.0全局安装
weixin_44887137的博客
10-16 405
安装 1、卸载旧版本 npm uninstall -g vue-cli 2、全局安装（默认安装最新版本） npm install -g @vue/cli 3、查看vue-cli版本（-V一定要大写） vue -V
01-vue-cli4安装使用
qq_43455862的博客
03-19 149
一、vue-cli4.x 1.安装vue-cli脚手架: npm i @vue/cli -g 2.验证版本: vue -V 3.初始化项目: 方式1黑窗口:vue creat 项目名称; 方式2界面可视化:vue ui 4.运行项目: npm run serve [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2TYTuNEV-1616146896795)(…/md-image/npmstart.png)] 二、vue-cli2.x 1.安装
Vue-cli4脚手架搭建
Amo℃柠檬
05-16 551
目录安装node.js安装 cnpm安装vue-cli脚手架构建工具创建项目启动项目 随着vue.js越来越火爆，更多的项目都用到vue进行开发，在实际的开发项目中如何搭建开发脚手架呢 安装node.js 进入官网下载node.js node版本必须在10.0.0以上才支持 安装 cnpm npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等） 使用npm安装插件：命令提示符执行npm install <name> 选
vue-cli4搭建脚手架步骤终端命令和可视化UI两种方式
angelnotears的博客
06-10 1521
随着vue越来越火爆，很多项目需要搭建vue脚手架，接下来我们就分享一下搭建脚手架的步骤 搭建脚手架需要了解前端的相关知识 html css js Node.js 环境(npm 包管理工具) webpack 自动构建工具 一、安装 node.js 进入官网 https://nodejs.org/zh-cn/ 二、安装 cnpm 1、npm（node package manager）是nodejs 的包管理器，用于node 的插件管理(包括安装、卸载、管理依赖等) 2、使用npm 安装插件
vue4---脚手架
WXX的博客
08-10 526
vuecli-脚手架的介绍和安装 node -v 检查node版本 npm -v检查npm版本 -g global全局 npm install webpack -g webpack的全局安装 npm install -g @vue/cli 安装vue脚手架3，我们现在没有必要安装脚手架2，我们可以在3的基础上拉一个2的模板，使用2 npm install -g vue安装脚手架2 ...
Vue3.0项目---蜘蛛电影（解析）
weixin_43842821的博客
04-09 868
项目简介 蜘蛛电影主要是仿猫...
Vue(4)脚手架&Vuex
最新发布
HBR666_的博客
10-20 1083
main.js// 引入Vue// 引入App组件，它是所有组件的父组件// 关闭Vue的生产提示// 创建Vue实例对象new Vue({// 将app放入容器// template: `<h1>你好</h1>` 用不了,});关于不同版本的Vue1.vue.js与vue.runtime.xxx.js的区别：（1）vue.js 是完整版的Vue 包含：核心功能+模版解析器（2）vue.runtime.xxx.js 是运行版的Vue 只包含：核心功能：没有模版解析器。
vue-cli4.0搭建
依古比古的博客
08-01 1632
vue.js越来越火爆.更多的项目vue进行开发,实际开发搭建开发脚手架. html css javascript node.js环境(npm包管理工具) webpack构建工具 webpack是一个静态资源构建，打包的工具 1.安装node.js 2.版本10.0.0以上 默认c盘 可下载淘宝镜像 比较稳定 也可以使用yarn 二:安装vue-cli脚手架构建工具 cnpm install -g @vue-cli 全局安装 vue -V查看版本 3.0为4.5.6 创建vue3.0项目 vue cre
vue-cli4脚手架搭建
weixin_46019475的博客
09-11 502
Vue-cli4脚手架搭建过程详解
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值