VUE项目运行步骤

最新推荐文章于 2024-07-23 08:20:25 发布
最新推荐文章于 2024-07-23 08:20:25 发布
阅读量566 收藏 1
点赞数
文章标签： vue npm nodejs java jar
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qimowei/article/details/113701992
版权

VUE启动步骤

一、启动步骤

1、安装Node.js，百度

2、将npm的源换成淘宝的

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、切换到VUE目录

cnpm install

4、运行vue

cnpm run dev

二、已经打包build好的项目运行

1、命令行切换到dist目录

2、安装http-server

cnpm i -g http-server

3、运行

http-server

image-20200624173530020

4、停止

ctrl+c

Q.E.D.

水豚少年的码农生活
关注
运行vue项目流程
GAOGAO_94的博客
03-22 527
vue项目运行步骤 首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 安装node.js 从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。 安装完成之后，打开命令行工具，输入node -v，如下图，如果出现相应的版本号，则说明安装成功。 ...
vue项目启动步骤
qq_45591403的博客
07-31 8763
(1). 确保nodejs已经安装 第一步 01-基础-vue-cli 工具-介绍 内置开发时本地服务器，预览代码 统一项目的目录结构 内置开发过程中用到的各种工具 (1). babel编译 (2). eslint代码风格约束 (3). less预处理器 内置开发时本地服务器，预览代码 自动刷新，方便预览 热更新 其它高级功能 02-基础-vue-cli-安装 安装 npm install -g @vue/cli # OR yarn global add @vue/cli 命令说明
如何运行一个Vue项目
01-20
如何运行一个Vue项目 一开始刚接手项目内的vue.js，或者在GitHub上找到vue.js的开源项目，会发现不知如何运行这个项目。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 1. 环境安装 首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 安装node.js 从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。 安装完成之后，打开命令行工具，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功
vue的运行过程和各阶段分析
最新发布
猿脑2.0的博客
07-23 717
【代码】vue的运行过程和各阶段分析。
vue项目的运行
RainbowTutu的博客
06-23 3140
npm有缓存时，常常出现安装依赖不成功的现象，且一旦出现这个问题，报错信息很完善，但根据报错信息一项一项去解决，却死活解决不了，还找不出原因。控制台输入下面命令清除npm缓存，npm有缓存时，常常出现安装依赖不成功的现象。package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。3、在启动的命令行窗口输入【npm run serve】，回车。
vuejs项目运行的探索之路
慕言的博客
12-28 8001
初次尝试学习vue.js的探索之路 非常感谢该博客主人提供的例子vueadmin(http://www.cnblogs.com/taylorchen/p/6083099.html) 1、先安装nodejs环境 2、进入到项目vueAdmin-master目录下执行 npm install下载依赖 国内被墙，报错，然后网上查询可以设置代理，用cnpm,果断尝试一下，执行下述命令 npm
webpack搭建vue 项目的步骤
11-27
【webpack搭建Vue项目的步骤】 在开始搭建Vue项目之前，确保你已经安装了必要的工具，包括`webpack`、`vue.js`、`npm`和`nodejs`。由于我们将使用`npm`来管理Vue项目，因此首先需要安装Node.js环境。安装完成后，...
详解vue项目打包步骤
10-17
总的来说，Vue项目打包的过程涉及多个步骤，包括运行打包命令、理解Webpack配置、调整资源路径等。了解这些步骤有助于你在遇到问题时能够迅速定位并解决。在实践中，你可能会遇到更多细节问题，如处理CSS、...
详解如何运行vue项目
10-17
如何运行Vue项目是一个涵盖了多个步骤的知识点，包括环境搭建、项目初始化、依赖安装以及实际运行等环节。以下将详细解释这些知识点： 首先，要运行Vue项目，需要搭建必要的开发环境。其中，Node.js是基础，它包括...
vue项目创建步骤
weixin_64315174的博客
11-29 4210
vue项目创建步骤
Vue笔记：webpack项目vue启动流程
朝雨忆轻尘
08-17 660
VUE启动流程 1. package.json 在执行npm run dev的时候，会在当前目录中寻找 package.json 文件, 有点类似 Maven 的 pom.xml 文件，包含项目的名称版本、项目依赖等相关信息。 {　# 版本信息 "name": "kitty-ui", "version": "1.0.0", "description": "kitty ...
Vue 项目的执行流程
m0_69057918的博客
12-07 861
vue项目执行流程
运行Vue项目步骤
刘刘刘刘刘牛皮的博客
03-06 248
一个vue项目的运行流程
热门推荐
izengjing的博客
07-06 2万+
一   安装node环境:1 vue运行是基于node环境的,构建vue框架之前,需要确保node环境安装成功;1.1 可以node.js官网,下载解压以后安装;        1.2 国内安装可能比较慢,因此,推荐使用淘宝镜像,淘宝的cnpm命令管理工具可以代替默认的npm管理工具；$ npm install -g cnpm --registry=https://registry.npm.tao...
VUE 程序的执行过程（非常非常重要）
Sayesan的专栏
09-04 2156
因此，可以说`index.html`文件是整个Vue应用程序的入口点，而`main.js`文件是Vue应用程序的入口文件。在浏览器加载和执行的过程中，`index.html`和`main.js`的先后顺序是先加载`index.html`，然后引入并执行`main.js`文件。6. `App.vue`文件作为Vue应用程序的根组件，被包含在`main.js`中创建的Vue实例中，并通过`new Vue({...}).$mount('#app')`语句挂载到指定的DOM元素上。文件是显式引入的，不需要在。
运行vue项目完整流程
cpc980209的博客
03-09 2039
这里建议安装16版本（支持vue2/vue3），若是低版本vue可下载更低版本node。以下为运行成功效果：Ctrl + 单击 可打开到浏览器运行，或复制。安装步骤一直下一步即可（默认C 盘防止后续环境出现其他问题）到浏览器地址（注意8080为运行端口，不同项目端口会不同）完整的public、src文件夹等才是真正vue根目录。用vscode打开可直接新建终端运行指令。注意辨别vue文件夹，文件夹下。有版本号则表示有node环境。即可用命令行打开运行相关指令。win键+R打开，输入。到所在文件夹单击路径。
如何运行Vue项目
weixin_51538341的博客
01-01 1万+
前端vue项目
VUE项目运行
木子小奇奇
04-11 274
设置默认浏览器。 npm i 装组件 npm run dev 运行
Vue项目创建步骤详解
本篇将详细介绍在Windows环境下，如何使用Vue CLI（命令行工具）创建一个基本的Vue项目。 1. **初始化项目目录** 首先，我们需要创建一个专门用于存放Vue项目的文件夹。在文件资源管理器中，可以使用快捷键`Win+E`...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

水豚少年的码农生活

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

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

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

打赏作者

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

抵扣说明：

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

余额充值