vue-cli4.x新建项目

最新推荐文章于 2024-07-12 14:10:05 发布
最新推荐文章于 2024-07-12 14:10:05 发布
阅读量398 收藏
点赞数
分类专栏： vue 文章标签： vue.js sass 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44280467/article/details/122210126
版权

新建项目

vue create new-project

选择预配置
选择：Manually select features 手动选择配置

勾选这几个即可，按空格选择
在这里插入图片描述
选择vue版本
在这里插入图片描述
选择历史模式： 建议N
在这里插入图片描述
选择CSS预处理器
建议选择 Sass/SCSS(with dart-sass)
node-sass是自动编译实时的，dart-sass需要保存后才会生效
在这里插入图片描述
选择eslint 校验规则，默认
在这里插入图片描述
选择什么时候进行代码校验
选择第一个
Lint on save 保存时检查， Lint and fix on commit 提交时检查
在这里插入图片描述
选择如何存放配置
选择第二个配置，即存放到package.json文件中
In dedicated config files 存放到独立文件中，In package.json 存放到 package.json 中
在这里插入图片描述
选择是否保存本次配置 N
在这里插入图片描述

项目创建完成
在这里插入图片描述

皮蛋瘦肉Z
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何用 Vue CLI 4.X 手动创建一个项目
Yao_Huang_的博客
11-17 481
简介 Vue CLI 作为 Vue 的官方脚手架，降低了开发者对于 webpack 的配置成本，便于快速构建项目。 说明 Vue CLI 4.x 需要Node.jsv8.9 或更高版本 (推荐 v10 以上)。你可以使用n，nvm或nvm-windows在同一台电脑中管理多个 Node 版本。 已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载后再安装。 安装...
vue-cli4创建项目具体步骤(当前最新版)
佐斌的笔记簿
08-24 1545
首先确保是否安装了vue-cli,若在项目中遇到下载失败问题 nrm ls //查看下载网路列表 nrm use 目标网路 //使用操作 nrm use taobao //使用taobao作为下载网路,taobao属于国内 vue-cli4创建项目具体步骤 在本地新建文件夹(之后创建的 vue项目都会在这个目录下) 进入该文件夹下,打开终端 创建vue项目,通过 vue-cli4,(现在版本已经到4.0+) vue create camp .下一步,我这里选择的是 第三项: 自行选择配置 .
vue-cli4.x创建项目
pamerely的博客
04-10 1085
前言 之前都是用vue-cli2.9.3开发的，现在终于有空来升级一下了，刚刚下载的版本是vue-cli4.3.1。 下载之前要先卸载以前的vue-cli2.x,npm uninstall vue-cli -g或者yarn global remove vue-cli卸载它 卸载完之后，在下载vue-cli4.x 如果你用npm下载失败了，如上图所示，不要慌，可能是你的网络太差了而已，因为npm...
vue cli 4 +创建项目步骤
lyww1992的博客
07-23 5779
一、安装脚手架 安装命令如下 npm install -g @vue/cli yarn global add @vue/cli 检测版本 vue --version 二、创建项目 1.创建项目开始，定义名称 vue create [appName] 例如创建一个名称为 testapp 的项目命令为 vue create testapp 2 选择配置类型 按方向键选择，按enter确认 第一个为默认配置，包含eslint 和 babel 第二个为自定义配置 3 各项配置设置 操作方式 按方向键进
Vue-cli4创建项目
weixin_44431112的博客
05-18 2459
Vue-cli创建项目 文章目录Vue-cli创建项目一、Node环境安装二、创建一个项目1.安装vue-cli2.创建项目3.启动项目三、Vue参考文档 一、Node环境安装 https://www.cnblogs.com/equals/p/16075758.html 二、创建一个项目 1.安装vue-cli npm install vue-cli -g 2.创建项目 3.启动项目 cd myVue npm run dev 三、Vue参考文档 https://v3.cn.vuejs.org/g
详解vue-cli 脚手架项目-package.json
12-08
使用vue-cli脚手架新建的项目中，含有package.json。 package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "vue-manage", // 项目名称 ...
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader...
vue-cli3全面配置详解
12-08
本文介绍了vue-cli3全面配置详解，分享给大家，具体如下： vue-cli3-config 创建项目 配置环境变量 通过在package.json里的scripts配置项中添加–mode xxx来选择不同环境 在项目根目录中新建.env, .env....
解决vue-cli + webpack 新建项目出错的问题
08-27
解决vue-cli + webpack 新建项目出错的问题 知识点一：Vue CLI 和 Webpack 的基本概念 在解决问题之前，需要了解 Vue CLI 和 Webpack 的基本概念。Vue CLI 是一个基于 Vue.js 的脚手架工具，用于快速构建和管理 ...
使用vue-cli3新建一个项目并写好基本配置(推荐)
01-21
1. 使用vue-cli3新建项目： https://cli.vuejs.org/zh/guide/creating-a-project.html 注意，我这里用gitbash不好选择选项，我就用了基本的cmd（系统命令提示符）：上下箭头和空格键可控制选项。 详细步骤： （1）...
vue 切换主题色切换主题色切换主题色切换主题色切换主题色
口袋的天空的博客
07-09 1211
vue切换主题
【vueUse库Reactivity模块各函数简介及使用方法--下篇】
xiejunlan的博客
07-11 1448
vueUseReactivity函数构想中的refWithControl函数可能的实现方式总结2. syncRef构想中的syncRef函数可能的实现方式注意事项总结3.syncRefs构想中的syncRefs函数可能的实现方式注意事项总结假想的toReactive函数注意事项假设的toReactive函数实现结论5.toReftoRef函数介绍使用方法示例代码总结6.toRefstoRefs函数介绍使用方法示例代码总结7.toValue使用 Vue 3 自身的 API示例使用 vueUse 的类似功能。
vue 自定义滚动条同步拖动（移动端）
最新发布
u014206461的博客
07-12 172
vue 自定义滚动条同步拖动（移动端）
CSS特效：pointer-events: none；的一种特殊应用
q1003675852的博客
07-11 499
本文记录了pointer-events: none;的一种特殊应用，既能显示模糊渐变的同时还能保持元素可点击的效果。
vue vite+three在线编辑模型导入导出
regretTAT的博客
07-10 508
要实现一个类似于数字孪生的场景 可以在线、新增、删除模型 、以及编辑模型的颜色、长宽高 然后还要实现 编辑完后 保存为json数据 记录模型数据 既可以导入也可以导出
vue3 路由跳转新页面并传递参数与获取参数
Anlittlecat的博客
07-10 362
parmas的形式传参需在路由处定义。
【区分vue2和vue3下的element UI Carousel 走马灯组件，分别详细介绍属性，事件，方法如何使用，并举例】
xiejunlan的博客
07-12 951
在 Vue 2 中，我们通常使用 Element UI，而在 Vue 3 中，我们则使用 Element Plus 作为其替代品。对于 Carousel 走马灯组件，这两个库提供了相似的功能，但在 Vue 2 和 Vue 3 的上下文中，它们的属性、事件和方法可能会有所不同。以下将分别介绍 Vue 2 下的 Element UI Carousel 和 Vue 3 下的 Element Plus Carousel 的属性、事件和方法，并给出示例。属性（Props）height: 走马灯的高度。
vue 搭建 pinia
淼淼不暴躁!
07-11 450
作用：简单来说（有了一个新的存储数据和方法的空间）中的数据，需要经过处理后再使用时，可以使用。此时开发者工具中已经有了。的实体，每个组件都可以。
2024前端面试真题【Vue2 + Vue3篇】
Leatitia的博客
07-10 688
注册指令的方式directive属性配置自定义指令的钩子函数：指定第一次绑定到元素时调用，用于初始化配置等；：被绑定元素插入到父节点时调用；：所在组件Vnode更新时调用，可能发生在其子Vnode更新之前：指令所在Vnode及其子Vnode全部更新后调用；：只调用一次，指令与元素解绑时el：绑定的元素；binding：对象，包含：name、value、argvnodeoldVnode示例：防止表单重复提交if(!
启动项目时报错vue-cli-service
09-02
在Vue项目中，启动项目需要执行命令"npm run serve"，其中"serve"是通过"vue-cli-service"执行的。因此，关键是确保"vue-cli-service"正确安装并可执行。 对于新建的Vue3工程，在运行"npm run serve"时遇到了相同的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值