如何使用 vue cli 3.x 创建一个 vue 项目

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

vue cli 被称为脚手架，用来快速构建一个 vue 项目，只需简单几个命令，你甚至可以使用模版来生成一个最佳配置的项目结构，用了都说好！

附上 参考文档

话不多说，进入正题，开始动手干！

1. 首先，新建一个目录 hello-vue

这里直接在 D:\Blog\vue-cli\hello-vue 下手动创建，也可以在终端里 cd 到某个目录创建。
create project
此时目录是空的，这时候就需要 vue-cli 出场啦！
empty project

2. 接着，如果是第一次使用vue&
最低0.47元/天 解锁文章
Takai达达君
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli3.X快速创建项目的方法步骤
10-15
主要介绍了vue-cli3.X快速创建项目的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue CLI 3.x搭建Vue项目
01-03
Vue CLI 3.x搭建Vue项目,脚手架创建项目,vue3 Ts
使用vue cli4.x搭建vue项目的过程详解
10-15
主要介绍了使用vue cli4.x搭建vue项目的过程，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vue cli 3.x 项目部署到 github pages的方法
10-17
主要介绍了vue cli 3.x 项目部署到 github pages的方法，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下
使用vue-cli 3.x搭建vue项目详细步骤以及配置
l_XIANA的博客
01-04 400
1.在cmd下运行一下命令创建项目 vue create project-demo 2.选择配置方式 选择 Manually select features 3.手动配置项目需要的特性选择图中所勾选的 Babel : Babel编译将ES6编译成ES5 TypeScript: javascript类型的超集 Progressive Web App (PWA) Support: 支持渐进式的网页应用程序 Router:Vue路由 Vuex: Vuex状态管理 CSS Pre-processor
如何使用vue-cli创建项目
白百柏在帝都
12-31 176
如何使用vue-cli创建项目 首先就是对于环境的要求，node.js一定要全局安装，检查自己是否安装的方式 1、win+r 输入cmd 2、输入npm -v检测npm版本，node -v检测node.js版本 准备完毕，开始准备创建项目（截图不便，下面不再截图，文字示之） 其实也简单 npm i -g @vue/cli 安装全局的vue-cli 进入我们要创建项目的目录下 ...
vue-cli3 命令行创建项目
哈
11-12 1320
第一步：使用 vue create 项目名称 第二步：使用空格选择或者取消选择 第三步：选择Vue版本 第四步：这里选择 no 第五步：选择EsLint配置 第六步：配置保存的地方 第七步： 第八步：取消 EsLint 对空格的检查（重点） 项目创建成功之后，进入项目根目录，按如下所示修改.eslintrc.js文件： 第九步：进入项目根目录，安装插件 安装 Element UI 安装 ECharts 需要在 main.js中引入和挂载 import ECharts from 'ech
vue-cli怎样搭建Vue项目？使用vue-cli搭建Vue3.xBate版项目
http://xueshuai.top
09-20 377
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小白课（三）——CLI搭建项目（Vue3.x）
weixin_34293911的博客
03-09 203
@Vue-CLI3搭建项目 create by db on 2019-1-10 16:28:10 Recently revised in 2019-3-12 15:59:45  Hello 小伙伴们，如果觉得本文还不错，麻烦点个赞或者给个 star，你们的赞和 star 是我前进的动力！GitHub 地址  查阅网上诸多资料，并结合自己的学习经验，写下这篇Vue3.0学习笔记，现分享给大家，以...
使用 vue-cli 3创建vue项目
抓住那个肯德基
02-06 171
首先创建一个文件夹作为工作区。 vsCode打开这个文件夹，开启终端，也就是命令行工具。 1.输入如下命令，创建叫做Practice的项目，回车。 vue create Practice 2.回车后会出现这个提示: ?Please pick a preset: 选择一个预设 如果是第一次创建的话，会和我的不一样。因为我在此之前创建过项目了，所以会保留之前创建项目时的预设置。 前四条是之前创建的项目配置。可以选择和之前项目一样的配置。 默认Vue 2 配置 Defaut ([Vue 2] babel,es
教你如何使用Vue-cli创建一个Vue项目流程
三拾的博客
01-30 2522
教你如何使用npm快速创建一个vue项目
五分钟教你使用vue-cli3创建项目（三种创建方式，小白入门必看）
最新发布
m0_60452070的博客
04-02 1019
三、创建项目vue create 项目名vue create code //其中code为你的项目目录名称 (enter键确认,并进入下一步)最开始回车会出现下面两项Default (Vue 3) ([Vue 3] babel, eslint)(默认配置 提供babel或者eslint支持)Manually select features(手动选择项目特性)我们可以通过上下键，空格来选择我们需要的，一般我们都会选择手动配置。
vue环境配置及新建HelloWorld
Crook的专栏
06-01 987
vue环境配置及新建HelloWorld 系统环境：Mac Os , iTerms. 1.检测环境 npm -v node -v 2.安装vue.cli npm install -g @vue/cli vue --version //vue版本最好在3.0以上 3.创建工程 //进入保存工程的文件夹 cd /Users/crook/Docume...
Vue-cli创建项目步骤
love_txq的博客
05-13 790
Vue-cli创建项目步骤
使用vue-cli3创建vue项目
weixin_45031595的博客
10-16 575
vue-cli3快速创建项目vue-cli3快速创建项目全局安装vue命令创建项目配置选择路由模式css的预处理选择ESLint + Prettier语法检查方式选择单元测试配置文件保存配置 vue-cli3快速创建项目 全局安装vue命令 npm install -g @vue/cli 安装完成后查看版本 vue -V 创建项目 vue create my-project 配置选择 Ple...
使用vue-cli3搭建vue项目
weixin_45193791的博客
06-13 511
vue-cli创建vue项目
vue3 使用vue cli创建一个vue3项目教程指南
Z姑娘早安
03-16 1313
第一步 1 、使用vue --version 查看是否安装vue 如果没有安装，使用命令：npm install vue-cli -g 安装，安装成功之后会显示版本号 2 、创建项目：使用命令 vue create nfinite_rolling创建项目
如何用vue-cli创建项目
qq_37746495的博客
07-06 677
如何创建vue-cli项目
如何使用vue-cli来搭建vue项目？详细步骤跟着我来吧！
m0_67094505的博客
09-11 8716
注意：1.Project name：项目名，默认是输入时的那个名称spa1，直接回车2.Project description：项目描述，直接回车3.Author：作者，随便填或直接回车4.Vue build：选择题，一般选第一个4.1Runtime + Compiler: recommended for most users//运行加编译，官方推荐，就选它了- render functions are required elsewhere//仅运行时，已经有推荐了就选择第一个了。
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、付费专栏及课程。

余额充值