vue-cli创建工程两种方式之命令行方式

最新推荐文章于 2023-08-17 14:36:19 发布
最新推荐文章于 2023-08-17 14:36:19 发布
阅读量123 收藏 1
点赞数
分类专栏： vue 文章标签： vue cli创建vue项目 命令行方式创建vue项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41062572/article/details/103224724
版权

命令行方式

  1. 先进入到你创建好的准备放置项目的文件夹中
#这是我自己的目录，你可以自己创建自己的目录
cd /home/jjking/vue
#创建项目
vue create demo01

接下来就是提示你是否要创建，选择Y
配置方式选择手动配置Manually select features
在这里插入图片描述
2. 选择要安装的组件(图中当时打错了，是用空格键来选中或者取消选中)
在这里插入图片描述
3. 选择相关设置 配置内容如图（注：最后一项设置为no，方便后续建项目修改配置）
在这里插入图片描述
4. 上述完成即将进行自动创建项目，网速快的时候这部会很快的
在这里插入图片描述
在这里插入图片描述
看到这里，项目就已经创建完成了！

  1. 使用提示的两条命令进行启动项目, 在浏览器中打开提示的地址。
    在这里插入图片描述

  2. 出现这个界面，项目创建完成！！！
    在这里插入图片描述

ETL_JJKING
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue使用vue-cli快速创建工程
01-19
本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下： vue-cli安装 npm i vue-cli -g vue init webpack-simple vue-todos vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue ...
利用vue-cli 项目创建
qq_45412603的博客
09-18 407
在终端中输入命令 vue create 项目名称用以创建项目，在命令输入前会有命名提示符，提示当前所在目录是哪里。输入命令之后，等待片刻，会出现选择vue版本，选择vue2项目。PS：如果有拉取依赖，在项目的根目录下点击查看package.json文件，在该文件中就包含了我们带入的依赖库。拉取依赖后，在src目录下创建router目录，在其中创建index.js文件用以配置路由。在src目录下，创建servcie目录，在其中导入ajax.js文件(自己封装的文件)。在main.js文件中，导入路由。
使用vue-cli创建项目
Web_boom的博客
11-29 939
至此一个vue项目创建完毕，根据需要添加功能页面。整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。
通过 vue_cli 创建项目
m0_46610349的博客
10-06 285
通过 vue_cli 创建项目，超详细！vue-cli 项目文件说明
vue2使用vue-cli创建项目
qq_45042330的博客
06-13 1426
vue2使用cli创建项目
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果已经有了配置（确保配置PurgeCSS），则很有用。 最小（默认） -将创建一个最小...
Vue Cli新建项目，常用命令集合
大炮哥的博客
11-26 235
vue init webpack my-project yarn npm install -g yarn(先删除node_modules和package.lock.js) npm init ---- yarn init npm install ---- yarn npm install [email protected] -g
用Vue-CLI搭建项目
qq_52335038的博客
09-28 2149
项目名称：顶楼人员管理 简介：博主我酷爱韩剧顶楼，利用所学知识，创建一个顶楼人员管理系统。 功能：登录界面、注册界面、首页、普通用户管理页、顶楼用户管理页 技术：采用前后端分离技术开发运行。 下面开始进入正题： 一、环境搭建： 1.创建一个文件夹，并给项目文件夹命名Attic。 2.在终端上运行 npm i -g @vue/cli命令。 3.在终端上运行vue create attic命令，创建Vue项目名称。 4.手动配置一下Vue项目。（谁让博主我这么细...
Vue创建项目
孙先森的博客
11-09 179
最近接触了下前端vue开发，记录下一些基本操作，如何创建一个vue项目。 环境配置 环境需要： Node JS 下载地址 WebStorm (编译器 根据个人习惯选择) 首先安装Node JS，需要配置环境变量，比较简单就不多说了；安装完成后输入node -v 验证是否配置成功； node -v 接着输入npm install npm -g 安装包管理器 npm install npm -g 安装完成后输入 npm -v 来验证是否安装成功； 下面接着通过npm 安装 vue 相关工具，安装打包
如何使用vue-cli创建一个vue项目
m0_60652886的博客
08-17 114
这有助于验证整个应用程序的功能和交互，并提高应用程序的质量和稳定性。① “Use ESLint to lint your code”表示使用ESLint来对你的代码进行静态代码检查，以提高代码质量和维护性。② "Set up unit tests" 指的是建立和配置单元测试的过程，通过编写测试用例来验证代码最小可测试单元的行为是否符合预期。命令的含义：使用vue cli提供的初始化模板来创建一个基于webpack的vue项目的命令。5. 根据上面的红框分别输入两条命令，出现这个的界面，表示项目创建成功。
Vue-cli 脚手架搭建项目
Yuki_yuhan的博客
02-28 5629
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：1. 通过 @vue/cli 实现的交互式的项目脚手架。2. 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。3. 一个运行时依赖 (@vue/cli-service)，这个依赖：（1）可升级；（2）基于 webpack 构建····4. 一个丰富的官方插集合，集成了前端生态中最好的工具。5. 一套完全图形化的创建和管理 Vue.js 项目的用户界面。快速创建项目：命令行和图形化界面创建
Vue-cli创建及部分常用指令
eiai007的博客
08-11 262
vue-cli基础
vue-cli创建vue项目详细步骤
热门推荐
Hannah_Hannah_的博客
04-15 2万+
一、安装node环境 二、下载vue和vue-cli脚手架 命令：npm i-g vue ; npm i -g @vue/cli 三、在想要创建的位置路径下打开cmd（直接点击路径输入cmd即可打开当前位置的终端） 四、创建vue项目，输入命令（ vue create 项目名称） 五、进入详细选择 (上下 方向键选择,空格键确定,enter进入下一步) 1、默认vue2版本和默认vue3版本都是有Eslint和Babel的，Eslint是代码规范的，Babel是将ES6转化为ES.
node-v18.18.2-headers.tar.xz
最新发布
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v7.7.3-headers.tar.xz
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
vue -cli创建项目以及特点
04-04
1. 快速创建Vue.js项目：Vue-cli提供了快速创建Vue.js项目的命令行工具，可以在几分钟内完成项目的创建。 2. 集成Webpack：Vue-cli集成了Webpack，可以自动化构建、打包和压缩Vue.js应用程序。 3. 支持ES6/ES7：...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值