用命令窗口的方式创建Vue项目

最新推荐文章于 2024-05-17 14:32:46 发布
最新推荐文章于 2024-05-17 14:32:46 发布
阅读量219 收藏
点赞数
分类专栏： Vue的学习之旅 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51447496/article/details/131003860
版权

用命令窗口的方式创建Vue项目

本文讲解，如何用命令窗口的方式创建vue项目。

首先进入对应的文件夹，输入cmd
在这里插入图片描述
输入vue create testdemo命令创建项目
在这里插入图片描述
选择Manually select features
在这里插入图片描述
通过空格选择需要安装的依赖，选好之后回车
在这里插入图片描述
选择3版本
在这里插入图片描述
根据我这个进行选择，然后回车
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后一直回车
在这里插入图片描述
输入cd 项目名进入项目
在这里插入图片描述
输入npm run serve
在这里插入图片描述
在这里插入图片描述

然后就可以成功运行了
在这里插入图片描述
之后我们打开vscode，用vscode进行编写
在这里插入图片描述

极客李华
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
详解Vue用cmd创建项目
12-10
Vue是当下很流行的前端框架，现在我来分享一下用Vue创建项目的流程 1、新建一个文件夹，用来创建Vue项目。 2、进入到该文件夹，在地址栏内写‘cmd’，回车。就会弹出命令行窗口 3、进入正式cmd操作，创建个vue项目，命令行操作指令：vue init webpack project, project是你创建的文件夹名。 4、cd  project，进入文件夹 5、安装依赖：npm install 等待即可，因为服务器在国外，所以要慢。完成后如下图 6、现在已经创建好了，那就让项目先运行一下，会出现下面的页面，操作指令是：npm run dev 上面就是关于用CMD创建VUE
Vue简介
m0_64460287的博客
11-15 5624
Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。下面是一个最基本的示例：​​js。
VSCode 开发Vue必备插件
热门推荐
阿杰
05-19 17万+
工欲善其事，必先利其器 以下就是开发Vue必备插件： Vetur —— 语法高亮、智能感知、Emmet等 包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着） EsLint —— 语法纠错 Debugger for Chrome —— 映射vscode上的断点到chrome上，方便调试（配置有点麻烦，其实我没用这个） ...
Vue进阶：Vue特点和优点介绍，以及开发环境搭建和构建Vue3.0项目的几种方法
SteveRocket's-Blog
08-21 1256
Vue.js致力于构建数据驱动的web应用开发框架，是一个精简的MVVM。Vue.js 专注于 MVVM模型的 ViewModel 层。简单的数据操作，就可以完成页面的更新，当然也有很多类似的框架，如Angular，React，但是Vue以简洁化，轻量级，数据驱动，模块友好等优势深受企业以及前端开发者的喜爱，成为前端开发人员必备的技能。
通过cmd指令创建vue项目
qq_45383769的博客
12-24 2242
通过cmd指令创建vue项目 基础材料： 已安装node.js 已安装 npm（安装node.js后会自带安装npm） 首先通过node –v和npm –v确保他们都安装了，能够看见版本号就表示ok
创建vue项目步骤
zzzz121380的博客
04-02 3610
前提：安装node环境 一、搭建vue项目 1.全局安装vue-cli npm install --global vue-cli 2.进入你的项目目录，创建一个基于 webpack 模板的新项目 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EuyCL3cl-1617344228865)(C:\Users\xuzhenzhen\AppData\Roaming\Typora\typora-user-images\image-20210402134726139.png)] 说明
使用命令行创建vue项目
qq_41536556的博客
06-12 282
vue命令行创建方式
搭建vue项目环境以及创建一个简单的vue的demo
01-08
2.创建一个项目存放的文件夹目录，然后进入到该目录下 按Shift+鼠标右键点击在此打开PowerShell窗口，此时可使用node -v检查node的版本，如果出现版本号则node已安装，如下图： 3.使用以下命令全局安装vue-cli ...
使用vue-cli创建项目的图文教程(新手入门篇)
01-21
使用npm 与vue-cli 构建vue 项目 第一步：安装运行环境（node与npm） nodeJ官网：http://nodejs.cn/下载安装包( 安装) 安装完成后，需要检测是否安装成功 使用命令行cmd 打开dos 黑窗口，运行 node -v 和 npm –v，...
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
01-19
执行命令后，会打开一个localhost:8080的窗口，是vue项目的图形化管理界面 cd targetFolder vue ui 创建新项目 这里不一一介绍了，随便截了两张图看看 这里配置可以通过预设，也可以使用默认，之后再添加；我...
VUE脚手架的下载和配置步骤详解
01-19
创建文件夹,打开文件命令窗口 vue create 自己创建的项目名 3. 有两个选项，选择第二个，也就是自己选择配置 4. 选择自己需要的配置 5. 进行下一步,选择 Y 6. 选择自己的类型 7.选择.json类型 8.此处, ...
CMD创建Vue项目
weixin_68651384的博客
06-10 584
按回⻋之后，提示选择什么模式的路由，我们输⼊n（表示选择Hash模式）。选择⾃定义安装，即第三个选项（使⽤上下⽅向键进⾏选择），然后点击回⻋。在这列表中，选择我们要安装的组件，使⽤空格键选择，选好后回⻋。使用工具打开项目 src / main.js 添加。使用工具打开项目 src / main.js 添加。选择项⽬配置⽂件单独存放，即选择第⼀个选项。是否保存模板，选择N不创建。
怎样在命令行（cmd）模式下创建一个Vue项目
weixin_44038355的博客
12-15 7431
一：环境的搭建 1、检查是否安装好nodejs 如果没有版本号，下载nodejs安装即可 2、检查是否安装好淘宝镜像 没有就要安装：http://npm.taobao.org/ npm install -g cnpm –registry=https://registry.npm.taobao.org 在cmd下输入上面的命令即可 二：创建vue项目 1、安装vue-cli 在一个空的文件夹...
利用cmd命令创建vue项目
Fanqie_KK的博客
03-23 1900
创建vue项目
HOW - Canvas 入门系列之基于vue-konva的多维表格（四）
weixin_58540586的博客
05-17 792
今天我们将将基于vue-konva 实现的一个表格渲染的组件。
WEB转Flutter基础学习笔记（内含vue和flutter对比）
最新发布
小易不止于搬砖的博客
05-17 227
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
Vue3选项式和组合式生命周期说明
weixin_44072254的博客
05-16 491
setup -beforeCreate和created的统称，只在composition里面取消这两个，可以在这里进行数据请求。onUpdated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。updated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。beforeUpdate-更新前，可以在此更改数据。
前端Vue架构
weixin_45678402的博客
05-12 296
defineProperty：监听范围比较窄，只能通过属性描述符去监听已有属性的读取和赋值；兼容性较差，只能兼容支持ES6 的浏览器（要求监听数据是对象）这样写的话，依赖收集只能收集到属性c；如果访问的属性值还是一个对象，对属性值再次进行代理；创建视图的函数（render）和数据之间的关联；当数据发生变化的时候，希望render重新执行；下面的用法，只能收集到c，收集不到c1。依赖收集：a color: #f00。依赖收集：a color: #f00。如何知晓数据对应的函数；监听数据的读取和修改；
Vue.js的发展史（一）
2301_79683791的博客
05-15 732
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
cmd 命令创建vue3项目
08-19
要在命令提示符窗口中使用命令创建Vue 3项目，您需要先确保已经安装了Node.js和Vue CLI。以下是创建Vue 3项目的步骤： 1. 打开命令提示符窗口（或者终端）。 2. 使用以下命令安装Vue CLI（如果您已经安装了Vue CLI...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

极客李华

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值