Vue 使用Vue-Cli4x 创建Vue项目

最新推荐文章于 2024-06-01 15:46:07 发布
置顶 最新推荐文章于 2024-06-01 15:46:07 发布
阅读量786 收藏 1
点赞数 2
分类专栏： 前端 文章标签： vue.js node.js npm webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/booleanstr/article/details/105647122
版权

Vue 使用Vue-Cli4x 创建Vue项目

Vue 使用Vue-Cli4x 创建Vue项目

因为之前的项目都是用的2x版本 所以新版本并没有太多的关注 今天在解决问题的时候发现原来更新了这么多 一下子踩了很多坑

移除旧版本

npm uninstall -g vue-cli

安装新版本

npm install -g @vue/cli

创建项目

vue create vue_demo

选择配置

（default为默认配置 sss是我之前自己添加的配置 最后的选项表示自己手动配置 配置完之后会提示是否保存 ）
2020-04-20 by ansony
我们选择默认配置 （default 上下键选择）：
在这里插入图片描述
在这里插入图片描述
执行以上两行命令
在这里插入图片描述
在这里插入图片描述
收工！！！

悄悄的写代码
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli4.X快速搭建项目
BigFamer的博客
11-05 614
一、前言 最近，接到一个新项目，又换了新电脑，安装vue-cli快速搭建项目时，没指定版本，直接安装到了4.5.14版本，记录一下从安装脚手架到项目搭建的全过程。 二、安装vue-cli 2-1、指定版本安装 2-2、不指定版本安装（直接安装最新版本） 三、使用命令行搭建项目 3-1、 3-2、 3-3、 四、使用图形化工具搭建项目 五、说明 ...
vue实现2048小游戏功能思路详解
01-19
用vue-cli搭建项目，对这个项目可能有点笨重，但是也懒的再搭一个 4X4的方格用一个二维数组存放，绑定好后只关心这个二维数组，其他事交给vue 监听键盘事件 2048的核心部分就是移动合并的算法，因为是一个4X4的...
vuecli4.x+element搭建的基础框架
11-24
vue-cli@3 + element 搭建的基本框架，包含axios封装http请求，请求拦截，请求设置参数加密，引入加密配置等，兼容ie浏览器
vue 4 创建项目
LYR 的博客
10-06 166
vue create demo cd demo yarn 就可以运行了
vue-cli4.x的安装与使用
qq_46305940的博客
02-21 3294
介绍 Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。...
Vue Cli 4x 新建初始化项目
言小溪 的博客
11-13 192
vue cli 最新版本已经出到 4.5.8 了， 以往的一些配置，命令可能都不一样了 最新的vue 项目创建不是以往的 vue init webpack “” 这样很可能会一直卡死，所以多看官方文档是很重要的。 那么我们废话不多说，开始教大家新建项目 首先更新 vue-cli npm install @vue/cli -g 创建项目 vue create 项目名 实战 新建项目 这里一路回车 等待依赖安装完成，大概100MB 左右 创建成功 运行 npm run server 打包发布 npm
Vue-cli4x项目优化实践
qq_36529240的博客
12-05 821
1.关闭productionSourceMap 最新件脚手架不自带配置文件 先在根目录新建vue.config.js文件，在vue.config.js中写入如下内容： module.exports = { productionSourceMap: false } 2.开启Gzip压缩 安装插件compression-webpack-plugin。这个插件必须配合后台，服务器上nginx也必须开启gzip才能生效 npm install --save-dev compression-webpack-
vue3/vue-cli4x 引入elementui面显示空白
01-26 2500
vue3.x/vue-cli4.5 引入elementui后页面显示空白 相信用过Vue2创建项目的都是知道引用elementui 1官网说明 :https://link.zhihu.com/?target=https%3A//element.eleme.cn/%23/zh-CN/component/quickstart npminstallelement-plus--save 安装完后就以官网案例代码就可以用了 import Vue from 'vue'; import Elemen...
NexoPOS-4x:NexoPOS 4.x的简化版，它是一个基于Web的销售点（POS）系统，使用Laravel，TailwindCSS和Vue.Js构建
04-09
关于NexoPOS 4.x NexoPOS 4是使用Laravel，TailwindCSS，Vue和其他开源资源构建的免费销售点系统。 该POS系统侧重于实用程序和功能，可为大多数企业提供改善商店管理所需的所有工具。 NexoPOS 4.x包括一个灵敏而美观...
VeCharts是基于Vue2x与ECharts4x构建封装的组件库
08-08
VeCharts 是基于 Vue2.x 与 ECharts4.x 构建封装的组件库，提供高可配置化、简捷、高效地构建图表组件化方案。
js-sliders-game:Vanilla JavaScript CSS Firebase 项目
05-30
滑块链接 :link:演示 :chequered_flag:如何玩滑块 :backhand_index_pointing_right: 选择游戏尺寸：3x3、4x4 等... 将碎片从上方、下方或侧面滑入空白空间以尽可能少的移动以正确的顺序排列位置编号碎片在正确的位置...
如何在不同的字体文本大小下实现不同的屏幕
04-06
参见http://developer.android.com/guide/practices/screens_support.html[^]。
vue-cli4x history模式 部署在子目录，以及服务器端的nginx配置
mrhaoxiaojun的博客
04-08 1742
生产环境打包到子目录 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/test/' : '/', outputDir: 'dist/test', assetsDir: 'static', } 路由增加根目录 在vue-router配置中增加base属性，声明路由根目录 export d...
探索Web前端三大主流框架：React，Angular和Vue.js
Kimi2024的博客
06-01 262
其中，React，Angular和Vue.js是最受欢迎的三大主流前端框架，它们分别由Facebook，Google和前Google工程师尤雨溪（Evan You）创建。总的来说，React，Angular和Vue.js各有其独特的优势和特点，选择哪个框架取决于项目的具体需求和开发团队的偏好。不过，无论选择哪个框架，都可以确信，你将站在一个坚实的基础之上，构建出高性能，响应式的Web应用。Angular是一个由Google维护的开源Web应用框架，它提供了一个完整且丰富的功能集，用于构建跨平台的应用。
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1089
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 335
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
vue3 vue-draggable-next 实现拖拽穿梭框效果
最新发布
游九尘的博客
06-01 34
【代码】vue3 vue-draggable-next 实现拖拽穿梭框效果。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 222
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
vue-cli2.9.6版本创建项目
06-28
1. 首先，确保你已经安装了Node.js和npm。 2. 打开终端或命令行工具，输入以下命令安装vue-cli： ``` npm install -g vue-cli@2.9.6 ...以上就是使用vue-cli2.9.6版本创建项目的步骤，希望对你有帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值