运行第一个vue项目

最新推荐文章于 2025-01-16 10:30:10 发布
最新推荐文章于 2025-01-16 10:30:10 发布
阅读量253 收藏
点赞数
分类专栏： 前端开发 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/guochan_xl/article/details/85230473
版权

1.运行环境

在这里插入图片描述

2. 创建第一个项目

运行一下命令创建第一个项目：vue create first
在这里插入图片描述
直接默认回车就行了
在这里插入图片描述
在这里插入图片描述
鉴于国内网络环境使用cnpm 命令来启动项目

4、启动项目

使用cnpm run serve 或者 npx vue-cli-service serve
启动项目：

npx vue-cli-service serve --open

表示项目启动好后，自动打开默认浏览器

5、项目启动完成

在这里插入图片描述

参考资料：
https://cli.vuejs.org/zh/guide/creating-a-project.html

创建第一个 Vue 项目
lefex的博客
03-16 1318
本文来源于「Vue 虚拟实验室」yghen 的分享，由素燕进行修改。Vue 官方提供了 Vue-CLI 工具来创建项目，这一节内容我们主要学习 它能干...
从0开始学VUE - 运行第一个VUE项目
weixin_44433834的博客
12-15 1126
作者：threedayman 来源：恒生LIGHT云社区 安装node.js Node.js 是一个开源和跨平台的 JavaScript 运行时环境。 下载地址http://nodejs.cn/download/** 选择对应版本进行安装** 安装完之后运行以下命令验证安装是否成功,出现对应得版本号信息即为安装成功。 C:\Users\hspcadmin>node -v v16.13.0 安装cnpm npm（node package manager）是node.js的包管理器，用于node插件.
Vue实验1：运行第一个vue项目
岁月的童话
04-07 833
一.明确目标 1.安装node.js 为了用其中的npm命令下载 vue-cli npm是全球最大的开源库生态系统 2.用npm安装 cnpm npm的东西都在国外，下是可以下他们的东西，但是很慢 我们曲线救国，用cnpm,这东西是国内的开源库 镜像使用淘宝的 3.用cnpm安装 vue-cli vue-cli，这里的cli是（command-line interf...
新建并运行第一个Vue项目
But昊的博客
05-16 755
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运行
微沫小熊的编程世界
08-07 493
1，代码 我刚入手，所以直接在网上d的模板，用的element， 地址如下： 演示地址：http://blog.gdfengshuo.com/example/work/ 代码仓库：https://github.com/lin-xin/vue-manage-system 2，vue搭建环境 vue需要nodejs支持，需要用到npm（npm的作用就是对Node.js依赖的包进行管理...
Vue快速开发之环境搭建nodejs与运行第一个Vue项目
技术总结，源码分享。
01-16 659
步骤一：下载node.js下载方式1：从官网下载：http://nodejs.cn/download/下载方式2：从我发现的一个网站下载，选择自己想要的版本比如我下载的时v20.15.0-x64.msi。
如何运行一个Vue项目
01-20
现在，假设你已经从GitHub或其他来源获取了一个Vue项目，你需要做的第一步是进入项目根目录。在命令行中，使用`cd`命令切换到项目所在的文件夹。然后，运行`npm install`来安装项目中列出的所有依赖包。这个过程可能...
windows安装部署node.js以及搭建运行第一个Vue项目
m0_62379203的博客
02-27 940
windows安装部署node.js并搭建Vue项目
我的第一个前端项目，vue项目从零开始创建和运行
麦小洛
01-06 4487
​入门前端，从基础做起，从零开始新建项目。VUE脚手架项目是一个“单页面”应用，即整个项目中只有1个网页！
Vue开发系列-开始第一个vue项目开发demo
最新发布
01-21
本篇文章将深入探讨如何开始一个Vue项目，提供一个基础的Vue开发demo，旨在帮助初学者快速上手Vue.js开发。 首先，了解Vue.js的基本概念是必要的。Vue.js是一个渐进式JavaScript框架，这意味着你可以将Vue.js作为...
第一个vue项目
qq_43470725的博客
01-22 1052
需要的环境： http://nodejs.cn/download/ 选择适合自己电脑的安装包，现在一般64位： 下载好后会自动配置好环境变量！ windows下cmd测试： 安装node后自带npm 成功！ 安装Node.js淘宝镜像加速器（cnpm） -g 就是全局安装 npm install cnpm -g 或使用如下语句解决npm速度慢的问题 npm install --registry = https://registry.npm.taobao.org 然后去c盘：因为是全局安装的，
第一个Vue项目
m0_46388866的博客
02-02 150
第一个Vue项目 在说这个小项目之前，先简单介绍一下什么是vue。vue是一个专注于视图层，并刷新后台数据的一个框架，它具备自身的特点计算属性，而且拥有angular的模块化，和react的虚拟dom。 vue中的MVVM也就是model， view ，viewmodel。 其中model是负责接收后台数据的，view是视图层，而viewmodel就是他们两个之间的信息传输中介，view可以从这里拿数据，也就是说就算view写死了一个模板，模板也是会根据viewmodel里面缓存的内容发生改变而改变。mod
VUE基础入门 第一个VUE项目（一）
技术博客
10-26 1326
Window10 下 VUE 开发环境搭建 开发环境准备 Windows10 + WebStorm + NodeJS WebStorm 2018.2 下载地址 NodeJS 下载地址 安装环境 安装NodeJs 双击打开NodeJS安装包，一直Next 选择安装路径时可以根据自己需求进行更改 安装完毕，打开CMD命令行查看是否安装成功 验证无误后 由于有些npm有些资源被屏蔽或者是国外资源...
创建我的第一个Vue项目
笙
04-12 398
1：安装环境与工具 安装node.js 安装npm,cnpm: 新版nodejs安装好以后就装上了npm 安装webpack: npm install webpack -g 安装vue-cli脚手架: npm install vue-cli -g 查看vue版本 vue -V 2：使用vue-cli来构建项目 在控制台cd到...
搭建vue项目（第一个vue项目）
m0_65029152的博客
11-28 312
成功搭建第一个vue项目！
怎么创建第一个vue项目
09-11
创建Vue.js项目的步骤通常是通过命令行工具来完成的，因为Vue CLI（Vue脚手架）提供了一种便捷的方式来初始化新项目。以下是使用Vue CLI创建第一个Vue项目的基本流程： 1. **安装Node.js**：首先确保你的计算机上已经安装了Node.js，因为Vue CLI基于Node.js运行。 2. **全局安装Vue CLI**：打开终端或命令提示符，输入以下命令进行全局安装： ``` npm install -g @vue/cli ``` 3. **创建项目**：创建一个新的Vue项目，可以指定项目名称，例如： ``` vue create my-project-name ``` 按照向导提示选择合适的预设（如默认的浏览器应用），然后等待安装过程完成。 4. **进入项目目录**：安装完成后，项目会被创建在一个名为`my-project-name`的文件夹中。切换到该目录： ``` cd my-project-name ``` 5. **启动项目**：最后，在项目根目录下运行： ``` npm run serve ``` 这将启动一个本地服务器，并在浏览器中自动打开项目（通常地址是`http://localhost:8080`）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值