vue-cli3.X创建项目

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

vue-cli3.X创建项目

提示：确保已经有node环境
全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli
查看版本/是否安装成功 vue -V 或者 vue --version

文章目录

前言

使用npm命令行创建项目

正文

提示：以下是本篇文章正文内容，下面案例可供参考

  1. 在新文件夹下创建项目 vue create vue2_example(项目名)
    指向的vue-cli3是因为上一次记录过的cli3配置，第一次执行create是没有的，按键盘上下键可以选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了，继续手动一下
    在这里插入图片描述

  2. 选择配置，根据个人项目需求选择，空格键可选中和取消
    TypeScript 支持使用 TypeScript 书写源码
    Progressive Web App (PWA) Support PWA 支持。
    Router 支持 vue-router 。
    Vuex 支持 vuex 。
    CSS Pre-processors 支持 CSS 预处理器。
    Linter / Formatter 支持代码风格检查和格式化。
    Unit Testing 支持单元测试。
    E2E Testing 支持 E2E 测试。
    在这里插入图片描述

  3. css的预处理
    我选择dart-sass很重要的一点就是sass官方推荐使用dart-sass，往后的node-sass虽然会继续维护，但是不会再更新新功能。
    在这里插入图片描述

  4. 选择格式校验工具
    我选择的是ESLint + Prettier
    在这里插入图片描述

  5. 选择格式校验方式
    第一个是保存检测，第二个是fix和commit的时候检测
    在这里插入图片描述

  6. 配置文件存放地方
    第一个是独立文件夹位置，第二个是在package.json文件里
    在这里插入图片描述

栀蒽coding_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈vue-cli 3.0.x 初体验
11-27
因为之前项目使用的 vue-cli 2 创建的，强行使用 eslint让我们很难受，一些与项目无关的 “build” 和 “config” ，让人看着就有一些不爽 。由于公司环境比较多，需要测试环境的配置。增加了 “”tt”: “node ...
vue-cli3.X快速创建项目的方法步骤
10-15
主要介绍了vue-cli3.X快速创建项目的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-cli 3.x搭建项目
小青柑的博客
05-17 125
vue-cli3.0参考文档 一、安装 @vue/cli 脚手架 npm install -g @vue/cli 安装完成后，可以使用 vue -V （这个 V 是大写的）查看版本号 注意:@vue/cli 依赖于webpack,在使用之前,先安装webpack ,webpack -v查看版本号 npm install webpack -g 二、创建项目 vue create project-name 这里的 project-name 是自定义的项目名称，命令执行之后，
vue-cli3快速创建项目
热门推荐
初学者
06-16 4万+
vue-cli3快速创建项目 最近准备用vue-cli3写项目啦，之前也都是看看文档，直接引入官方的js，写写简单的demo，没有写过项目，从今天开始写学习VUE. 1.安装 文档：https://cli.vuejs.org/zh/guide/ 条件： npm 更至最新 node >=8.9 vue cli 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的...
vue-cli 3.x 搭建项目
yun_hou的博客
01-05 1092
1. 环境准备 1.1 安装node.js 1.2 安装 cnpm，由于npm在使用过程中速度较慢且容易丢包，建议使用 cnpm，安装完成后，以下命令行中npm字段均可改为cnpm $ npm install -g cnpm --registry=https://registry.npm.taobao.org 1.3 安装 vue-cli 3.x npm install -g @vu...
vue-cli3.x创建项目
weixin_45115895的博客
07-07 343
之前一直用vue-cli2.x创建项目,来学习一下3.x创建项目的流程 vue create 项目名 // 不支持大写字母 之后基本上一路enter就好,有需要选择的自己设置吧,这里要提一嘴,3.x创建项目会让选择路由模式(hash/history),提示是否选择history模式,输入y就是history,n就是hash模式,这个有不明白的去查一下吧(前面一篇有写到过) 创建完成后在VScode打开项目–>新建终端–>npm run serve 编译成功后安装依赖 一,vant组件的按需
详解Vue-cli3.X使用px2rem遇到的问题
12-09
把项目脚手架升级为cli3.X了以后，模板简洁了很多，运行起来也更加快速。但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候，我们不能像以前老的脚手架那样操作了。那我们应该来如何...
vue-cli4.x创建企业级项目的方法步骤
10-15
主要介绍了vue-cli4.x创建企业级项目的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
项目实战-爬坑系列vue-cli3.x搭建教程（一）
月落星河
04-22 1657
搭建vue-cli3.x教程 再次用到vue脚手架的时候时候已经是vue.3x这个版本了。 我在这里使用的是cnpm淘宝镜像:https://npm.taobao.org/ 1.主要命令：cnpm install -@ vue/cli 在全局安装 2.查看是否安装成功：vue -V 如果显示版本号那么则是安装成功 3.切换到你准备好的文件夹： 4.关键命令： vue create “你的项目名称...
五分钟教你使用vue-cli3创建项目（三种创建方式，小白入门必看）
道阻且长，行则将至。
09-14 1万+
五分钟教你使用vue-cli3创建项目（小白入门必看） 一、搭建vue环境 安装Nodejs 官网下载Nodejs，如果希望稳定的开发环境则下LTS(Long Time Support)长期支持版，稳定。 点我进入node官网 安装好后cmd输入node -v查询是否安装成功，如下出现版本号即为成功。 二、Vue脚手架工具 全局安装vue-cli，命令行中输入： npm install --g vue-cli 国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝镜像或者yarn 淘宝镜像的安装
vue3.x 创建一个项目
hlvy
10-30 8485
vue create 运行以下命令来创建一个新项目： vue create hello-world 警告 如果你在 Windows 上通过 minTTY 使用 Git Bash，交互提示符并不工作。你必须通过 winpty vue.cmd create hello-world 启动这个命令。 你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint ...
vue-cli怎样搭建Vue项目？使用vue-cli搭建Vue3.xBate版项目
http://xueshuai.top
09-20 374
Vue2.x项目的创建 我这里使用的是 @vue/cli 4.1.2 版本 查看 vue-cli 的版本 打开 CMD 终端输入 vue --version 安装 vue-cli 脚手架 在 CMD 终端中输入 npm install -g @vue/cli 全局安装 vue/cli npm install -g @vue/cli 创建Vue2.x项目 至此vue2.x项目就搭建完成，接下来按照提示启动项目即可 目录结构如下图所示 打开 package.js..
安装vue-cli3.x并快速创建项目
denghuocc
05-11 248
准备工作 安装node.js Vue的脚手架是依赖于node.js的 在node.js官网下载 npm node package manager npm是node的包管理工具 查看版本 安装 卸载旧版本(1.x或2.x) npm un vue-cli -g 安装3.x版本 npm install -g @vue/cli 查看 vue -V(大写V) 安装webpack np...
vue3.x 项目创建
Dark_programmer的博客
08-05 249
成功 = 艰苦劳动 + 正确方法 + 少说空话 vue3.x项目的创建有两种方式，一种是使用vue-cli创建，另一种是使用vite进行创建。很多同学应该是对于vue-cli比较熟悉，所以采用该种方式进行创建。 查看 vue-cli 版本 vue -V npm install -g @vue/cli --// 用以升级@vue/cli版本 对于该种方式创建Vue3.x的项目，有个前提条件就是@vue/cli的版本至少为 4.5.0。所以如果你的版本过低，是会有问题的 执行创.
Vue Cli 3.x 项目搭建(一)
duanlei的博客
07-19 283
主要所用技术 （亲自采坑） Vue 3.9.x Vue Cli 3.x：官方中文文档 Vue Router Vuex vue-i18n：国际化多语言插件 使用5.0.x版本 iView iview-admin iview-area：城市级联组件 wangeditor：轻量富文本编辑器 gitalk：基于github issue评论插件 vue-stomp vue-json-...
安装vue-cli4+，并创建一个基于vue3.x的项目
苏苏就是小苏苏的博客
08-06 472
1.vue-cli的3.0+以后使用的不是vue-cli，先卸载原来的安装 npm uninstall vue-cli -g 2.nodeJs ≧ 8.9（官方推荐 8.11.0+） npm install -g @vue/cli 3.查看vue-cli版本 vue -V 4.vue-cli=Vue+一些js插件 5.创建vue项目
搭建vue-cli 3.x环境，创建第一个vue项目
qq_46140800的博客
05-02 442
如何搭建VUE环境如何在Windows10系统中搭建VUE环境一、首先你需要下载node.js，二、 下载完成之后，你需要安装node.js,三、Node.js环境变量配置四、安装vue脚手架五、创建第一个vue项目 如何在Windows10系统中搭建VUE环境 一、首先你需要下载node.js， vue的运行是要依赖于node的npm的管理工具来实现，你可以在官网下载，http://nodejs...
【详细介绍WebKit的结构】
最新发布
cz88888888666的博客
05-23 378
WebKit是一个开源的浏览器引擎，主要用于渲染网页内容，它最初由苹果公司为其Safari浏览器开发，目前被多种浏览器和应用程序使用，包括所有基于iOS和macOS的浏览器，WebKit的设计目标是提供快速、精准且流畅的网页浏览体验。
vue-cli3.x中创建项目的命令
04-04
运行以下命令即可创建一个新的Vue项目： ``` vue create my-project ``` 其中，my-project是你想要创建的项目名称。运行此命令后，Vue CLI会提示你选择...完成配置后，Vue CLI会自动安装所需的依赖并创建项目结构。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值