利用脚手架创建一个vue项目

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

1.cmd命令窗口
2.cd Desktop (目录改到桌面)
3.vue create Vue_test( 项目名)
4.选择加速? y
5.选择vue的版本(上下切换,回车)
6.项目创建中 读条
在这里插入图片描述

创建完成:↓
创建完成

1.进入项目文件夹

cd vue_test

在这里插入图片描述
2.

npm run serve

(编译默认的helloworld代码,开启了一个内置服务器8080)
自己用: http://localhost:8080/
同局域网内同事用: http://172.27.138.164:8080/

3.浏览器地址输入: http://localhost:8080/
在这里插入图片描述
4.f12检查
在这里插入图片描述

要吃更多
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目
学Java，找哪吒
10-08 4万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? ...
vue简单的脚手架搭建项目
weixin_30675247的博客
03-08 51
第一步 node环境安装 1.如果本机没有安装node运行环境，下载node安装包进行安装 下载地址：https://nodejs.org/en/或者http://nodejs.cn/ 第二步 node环境检测 1.在终端输入node -v，如果输出版本号，说明我们安装node环境成功 2.如果要查看npm的版本号，可以使用npm -v 第三部 vue-cli脚手架安装 1....
2024年Web前端最全Vue脚手架搭建以及创建Vue项目流程_脚手架创建vue项目，Web前端技术类校招面试题汇总
2401_84122782的博客
05-11 866
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】node_cache和node_global是后面创建的文件夹，后面有讲到，创建的位置，我在这里放到了node.js文件夹下，也可以自定义文件夹路径。
vue项目环境搭建及一个简单的vue例子
热门推荐
Dancy的博客......
03-22 12万+
大家好，今天下午对于vue项目环境的搭建进行了研究，一直以来，我都是用cdn的方式将vue.js引入Html界面，然后就开始刷vue的官方文档了。在刷过文档之后，我就想着，真实的项目是怎么样子的呢，然后就开始了vue-cli脚手架的搭建和使用，下面是我搭建环境的步骤以及我自己初步使用vue-router实现的一个简单的不能再简单的例子。注意，文中的例子适合对vue已经有一定的了解，对vue组件化概...
使用脚手架（Vue-Cli）快速创建一个vue项目的步骤
qq_59808309的博客
01-22 5011
一、安装vue https://cn.vuejs.org/v2/guide/installation.html 二、先确定是否安装了node.js、npm和cnpm node.js的下载地址：Node.js NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编
【Vue】脚手架搭建
z914020826的博客
11-03 1680
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Javascript 的速度非常快，性能非常好。
分享一个vue项目“脚手架”项目的实现步骤
10-16
Vue项目脚手架的实现旨在提供一个标准化的项目初始化流程，以减少重复工作，提高团队协作效率，并确保代码的一致性和可维护性。以下将详细解释实现这样一个脚手架项目的关键步骤和涉及的技术点。 首先，搭建Vue项目...
vue脚手架搭建项目及vue学习
最新发布
06-06
在"vue脚手架搭建项目及vue学习"的主题中，我们将深入探讨如何使用Vue CLI（命令行接口）来初始化一个项目，以及Vue的核心概念和关键特性。 1. **Vue CLI的使用**： Vue CLI是一个官方提供的强大脚手架工具，用于...
Electron-vue脚手架改造vue项目的方法
10-17
Electron-vue是由SimulatedGREG创建的一个项目，它提供了基于Vue.js和Electron的脚手架，简化了构建Electron应用的过程。项目地址在<https://github.com/SimulatedGREG/electron-vue>，文档可在...
一个vue项目实战简单的案例.zip
02-29
- **项目初始化**：通常使用`vue-cli`脚手架工具创建新项目，它会生成一个标准的目录结构，包括`src`（源码）、`public`（静态资源）、`package.json`（项目配置）等。 - **src目录**：`main.js`是入口文件，`App....
一个由Vite创建的基于Vue.js 3.0的仪表板脚手架.zip
04-03
【标题】中的“一个由Vite创建的基于Vue.js 3.0的仪表板脚手架”揭示了这个项目的核心技术栈。它是由Vite构建的，Vite是由Vue.js作者尤雨溪开发的新型前端构建工具，它利用了ES模块的原生加载能力，提供更快的开发...
脚手架（vue-cli）创建Vue项目超详细过程
weixin_52580677的博客
03-23 1万+
Vue创建项目 1.创建项目 2.项目手动配置 3.选择vue版本 4.路由模式 ... Vue项目运行 ...
使用脚手架创建Vue项目
qq_43218707的博客
05-23 1812
首先解释一下什么是脚手架？没有脚手架，我们使用webpack作为打包时，需要下载很多支持vue开发的包或插件，并且需要自己配置，十分繁琐，脚手架是一个命令行工具，就像npm这样，脚手架帮助我们快速的创建vue项目，并且我们不需要考虑项目搭建的过程，直接写自己的代码即可，十分方便。 1、使用脚手架创建vue项目，首先需要下载安装脚手架。win+R打开命令窗口，输入npm i -g @vue/cli 2、安装成功后，使用vue create my-project 3、选择使用手动方式配置 4、选择项目中需
使用 Vue-cli 创建项目
weixin_53156345的博客
05-05 1023
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vjcxSwAK-1683203828586)(D:\杂物房\笔记\和项目相关\image\dong.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ITkxqy8a-1683203828586)(D:\杂物房\笔记\和项目相关\image\wen.png)]​ 通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。如果有需要的可以选择 “y”
使用vue-cli（vue脚手架）快速搭建项目，直通大厂
qd520_1314的博客
03-31 663
5、脚手架依赖于node.js和webpack二、安装Vue CLI脚手架三、runtime-compiler和runtime-only的区别1、runtime-compiler加载过程2、runtime-only加载过程：（性能更高，代码更少）3、小结4、代码实例5、npm run build执行过程6、npm run dev执行过程四、认识Vue CLI31、vue-cli 3 与 vue-cli 2 版本的区别？2、通过脚手架3构建项目五、箭头函数1、定义函数的三种方式2、箭头函数参数和返回值3、什么
Vue-Cli 脚手架 搭建 Vue项目
灵魂学者的博客
02-03 2175
本篇主讲如何通过vue提供的vue-cli脚手架来搭建vue项目，自此开始进行Vue基于项目中的介绍，Vue-cli 是官方提高用于搭建基于 Vue、Webpack、ES6 项目目的脚手架工具，通过脚手架创建项目势必会较为高效！
Vue脚手架搭建以及创建Vue项目流程
weixin_68658847的博客
04-25 3万+
Vue脚手架的创建以及用脚手架创建项目的全套流程
使用脚手架搭建Vue项目详细步骤
isfor_you的博客
03-06 750
使用vue-cli创建模板项目 1、什么是vue-cli 是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。 2、全局安装vue-cli （1）检查npm 版本，建议安装到最新版本。 【命令行查看版本号】 node -v npm -v 【升级npm（可选操作）】 npm install -g npm 【修改为淘宝镜像（可选操作）】 npm config set registry "https://registry.npm.taobao.org" （2）安装 【全
用脚手架创建一个Vue项目
weixin_50241387的博客
03-18 2589
目 录 1、安装node.js 2、查看npm 3、安装cnpm ①新建文件夹 ②通过淘宝镜像安装相关依赖 ③显示当前镜像网址 ④安装cnpm 4、安装vue-cli脚手架构建工具 ①输入命令进行安装 ②查看是否安装成功： 5、用脚手架创建vue项目 ①初始化项目 6、启动项目 ①进入项目 ②启动服务 ③输入ip地址打开项目 7、项目文件介绍 ①目录介绍 ②生命周期流程图 Vue 提供了一个官方的 CLI，为我们快速搭建大型单页应用专门...
vue脚手架创建项目很慢
09-06
你可以尝试以下方法来加快Vue脚手架创建项目的速度： 1. 使用国内镜像：在创建项目时，可以使用淘宝镜像或其他国内镜像来加快下载依赖的速度。例如，可以在命令行中使用`vue create --registry=...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值