创建项目----一篇文章教你学会创建并运行Vue项目（一）

最新推荐文章于 2024-09-14 11:04:28 发布
最新推荐文章于 2024-09-14 11:04:28 发布
阅读量999 收藏 1
点赞数 3
分类专栏： Vue从入门到放弃 文章标签： vue.js npm 前端 前端框架 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q751051079/article/details/121915586
版权
本文详细介绍了如何创建并运行Vue项目。首先，通过下载并安装Node.js环境，然后验证安装成功。接着，使用vue-cli搭建Vue项目，包括创建新文件夹，全局安装vue-cli，创建项目，选择配置，最后运行项目并预览效果。下一部分将讨论项目目录结构和打包流程。
摘要由CSDN通过智能技术生成

1.安装Node环境

Node.js下载地址：[Node.js]

1.点击下载，下载node.js安装包 

 2.点击下载好的安装包，安装node.js

 3.安装完之后，打开控制台win+r

4.输入node -v，查看是否显示版本号，如下所示： 

 根据如上步骤就安装好node.js了，接下来就是使用vue-cli搭建项目了

2.搭建vue项目

1.创建一个新的文件夹

最低0.47元/天 解锁文章
q751051079
关注
专栏目录
基于SpringBoot+SpringCloud+Vue前后端分离项目实战 --开篇
天罡gg的专栏
03-07 1万+
如何高效学习Java? 毕业设计项目应该怎么做？入门实战项目应该怎么做？ 做Java开发都应该学习哪些框架技术？ 我想来跟你聊聊为什么要学习此专栏？我们经常说，看一个事儿千万不要直接陷入细节里，你应该先鸟瞰其全貌，这样能够帮助你从高维度理解问题。同样，当你迷茫想努力没有方向时，最事半功倍的方法是：找人带你! 因为过来人，更懂得如何学、如何做、如何少走弯路！ 那今天就给大家带来一门专栏课程，由 天罡gg 和 经海路大白狗 两位实力大牛合力打造的一款专栏，可以让你从0到1快速拥有企业级规范的项目实战经验！
【第三趴】uni-app页面搭建与路由配置（了解工程目录结构、学会搭建页面、配置路由并成功运行）
热门推荐
官方推荐
11-14 3万+
了解 uni-app 工程目录结构、学会搭建页面、配置页面并成功运行
新建并运行第一个Vue项目
But昊的博客
05-16 711
0、环境要求基本环境要求：node、npm 1、新建Vue项目并运行1、npm install -g vue-cli //全局安装vue-cli 2、vue init webpack project-name //创建一个基于"webpack"模板的新项目 3、npm install //安装所有依赖的库 4、npm run dev
创建vue项目并运行
weixin_43870138的博客
07-23 469
一、首先需要安装nodeJS，并配置全局环境变量。 二、检查是否安装vue vue -V 三、检查是否安装npm npm -v 四、创建一个基于 webpack 模板的新项目，my-project为项目名 vue init webpack my-project 五、这里需要进行一些配置，默认回车即可 六、使用idea打开创建好的项目 七、运行项目 npm install npm run dev 八、成功运行后，浏览器输入http://localhost:XXXX/可见主页 ...
vue2.0的初始项目的建立
最新发布
qq_44699269的博客
09-14 3650
vue2.0项目的创建
vue项目创建以及运行
l2535460824的博客
05-06 276
一、创建一个vue项目 1. 创建项目 # 全局安装 vue-cli npm install --global vue-cli #创建一个基于webpack模板的新项目 vue-init webpack projectname 2. 安装项目依赖 cd projectname npm install 二、webpack打包...
1.vue项目的创建与运行
qq_45667304的博客
10-29 429
如何快速上手创建vue项目，这一篇就够了！！！
新建一个vue项目_运行一个vue项目
weixin_29056145的博客
01-30 412
运行一个vue项目今天我们来怎样运行一个vue的初始项目1.首先我们需要启动文件夹中启动cmd，找好路径2.这里我们用npm来构建vue项目，如果大家还不是很清楚npm是什么，或者不会使用安装，这里我建议大家百度了解一下，顺便安装一下node.js,这样我们就可以正常使用了3.言归正传，我们在cmd中输入vue init webpack my-project，它会询问你项目名称等等，其中...
一文教你学会vue前端项目创建与开发
任聪聪的博客
09-07 1275
说明：自定义的项目结构对于我们后期的开发工作有着至关的作用，一个好的目录结构及配置能够在后续的工作中起到事半功倍的效果。timeout: 5000,//超时时间headers: {},});// 请求拦截器});},error => {// 响应拦截器},error => {},npm run dev 运行开发环境npm run b:prod 构建生产环境的代码。npm run b:stage 构建阶段环境的代码。
配置NODE开发环境使用vue-cli脚手架搭建VUE—Admin项目
✎﹏ℳ๓₯三ོ岁ꦿ会撩人
03-09 1万+
前言：VUE是目前最火的前端框架之一就业薪资很高，此篇文章手把手教您如何快速学会搭建使用VUE框架，对正在工作当中或打算学习VUE高薪就业的你来说，那么这门技术便是你手中的葵花宝典。 一、Linux系统下搭建VUE开发环境 1、下载NOED安装包（手动下载或wegt下载） 手动官网下载并scp上传至linux服务器 下载SCPwin工具即可进行上传或者最原始的rz sz命令具体操作如...
创建VUE项目
weixin_51999678的博客
10-12 194
VUE3全家桶：vue-router（路由跳转）vuex（状态管理）vue-cli。上图问题：需不需要将预设保存给未来创建的项目（Y/N）可按自己的需求选择。下图红框为版本号，按照需求选择 配置，点击enter进入下一步。
创建一个vue项目
upStar1的博客
05-09 286
学vue这么长时间，除了老师最开始带我建了一个项目，后来的项目都是直接用的公司的再也没建过，今天才发现自己不会建项目。 搭建环境就不赘述了。 1.先cmd，进入项目的目录 2.新建项目 vue create + 项目名称 比如我这边是 vue create mydemo ，当然因为我不是vuecli3所以这个命令没用。 用之前的新建命令就可以 vue init webpack + 项目名称 3.这里就建好了 4.cd mydemo会进入项目 npm run dev启...
创建Vue项目
qq_44274968的博客
05-31 1148
因为创建一个Vue项目(并且在本地作为一个前端服务器运行起来 ), 需要很多第三方的包的支持(至少上百个包), 我们没有办法一个一个下载这些包(因为包需要 依赖另一个包, 并且依赖关系有版本要求), 所以我们前端就开发了一个工具叫npm, 这个工具的原理就是, 大家都把包存储到它的服务器上(有成千上万), 当我们需要的时候, 可以使用这个npm工具帮我们从它的服务器上下载正确的以及对应的包到我们本地,以供我们使用.// ---------------项目创建完成--------------------
vue-cli搭建教程：一步步教你创建vue项目
"通过图文讲解的方式，介绍了如何使用vue-cli脚手架创建Vue.js项目，包括搭建环境、初始化项目、配置依赖、启动项目以及项目目录结构的解析。" 在现代前端开发中，Vue.js是一个非常流行的JavaScript框架，它提供了...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值