vue项目如何配置和启动

最新推荐文章于 2024-03-10 15:55:27 发布
最新推荐文章于 2024-03-10 15:55:27 发布
阅读量450 收藏
点赞数
分类专栏： 项目经验总结 文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ahjxhy2010/article/details/120708040
版权

安装nodejs
导入vue代码
运行 npm i 命令获取需要执行的资源包
运行 npm run serve 以nodejs 作为一个服务启动
 

npm run build 打包成文件上传到服务器

do better myself
关注
专栏目录
启动VUE项目配置
m0_37731220的博客
03-01 745
vue启动配置，及报错问题解决方法
vue项目前启动配置
weixin_60122365的博客
12-06 895
选择用什么方式下载脚手架项目需要的依赖包4. 进入脚手架项目下, 启动内置的热更新本地服务器 直到看到这个就算成功 更加的简单，在终端输入vue ui 或者cmd输入都可以成功 进入任务，serve运行并启动app
Vue入门（安装配置启动项目）
weixin_52703987的博客
02-16 6324
学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件） 1、Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多，有webpack，npm，nodejs，babel等等。 官网：https://cli.vuejs.org/guide/ GitHub：https://github.com/vuejs/vue-cli 1.1、安装vue-cli 首先要安装 npm , npm 的安装在基础视频中有。npm没有问题，
vue项目启动配置
weixin_33866037的博客
07-19 1136
1、安装node和npm 2、创建vue项目 # 全局安装 vue-cli $ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 这里需要进行一些配置，默认回车即可 3、项目内配置npm $ cd my-project $ cnpm install 4、...
Vue进阶攻略之项目启动命令的配置与切换
zm17671443092的博客
02-05 1749
VUE进阶攻略之项目启动命令的配置与切换 vue启动命令的切换npm run dev和npm run serve的配置 使用vue-cli创建的vue项目，3.0以前的都是npm run serve 但是3.0以后默认的命令是npm run dev 虽然他们的本质对应的都是 vue-cli-service serve命令 但是run serve和run dev不统一还是令人很不愉快的。 有时间几个不同版本的项目还要不同的命令来启动。 修改方法 1，找到项目中的 package.json 文件（ Nod.
详解VSCode配置启动Vue项目
10-17
本文将详细介绍如何在VSCode中配置启动Vue项目，以便高效地进行Vue应用的开发。 首先，确保你已经下载并安装了最新版本的VSCode。你可以通过搜索引擎搜索"VSCode最新版"来获取安装程序。安装完成后，按下`Ctrl + ...
已经配置好的空vue项目.zip
04-06
这个"已经配置好的空vue项目.zip"是一个预配置的Vue项目模板，包含了开发者在开始新项目时通常需要的一些核心功能和工具。让我们深入了解一下这个项目包含的内容以及如何使用它。 1. **路由管理**: Vue Router是Vue...
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
使用IDEA工具配置和运行vue项目及遇到的坑 在本篇文章中，我们主要介绍了使用IDEA工具配置和运行vue项目的步骤，并分享了我们在配置和运行过程中遇到的坑，以便帮助读者避免类似的错误。 一、IDEA中配置vue插件 ...
【vue】 vue项目启动相关环境以及配置
最新发布
程序员的每一天的博客
03-10 369
启动vue项目相关配置命令。
Vue2【新建Vue项目 -配置Vue-基本Vue指令】
Coding
05-04 554
Vue【新建Vue项目 -配置Vue-基本Vue指令】
Vue项目的创建和启动
kinokosuki的博客
12-31 1825
Vue项目的创建和启动
vue项目启动命令个人笔记
热门推荐
BHSZZY的博客
12-12 2万+
1.上方的启动命令与相关文件，是根据本人的项目总结的，仅供参考，不同项目细节可能不同。2.项目启动命令可以自己配置，过程如上，需要熟悉node_modules中的一些依赖方法。（本人新学，好多都不熟悉，无从入手，只能先看，总结一波自己理解的）3.可以配置本地vue项目启动时、端口号与访问前缀路径；需要注意的是，项目打包部署到服务器上后又会有所区别，服务器上主要是在nginx中配置访问端口与前缀路径的，而不是在vue项目中。
如何启动一个vue项目？
lmf13992427957的博客
07-15 626
1.安装node2.查看node版本3.node-v4.npm-v5.安装vuenpmi@vue/cli。
vue配置项目启动时自动打开页面后，打开页面错误，网址为http://0.0.0.0:8080/
qq_37344867的博客
07-29 777
vue配置项目启动时自动打开页面后，打开页面错误，网址为http://0.0.0.0:8080/
vue项目完整搭建与启动
qq_42400124的博客
01-10 3488
vue项目完整搭建与启动
Vue项目启动过程全记录（node.js运行环境搭建）
非专业Bug开发工程师的博客
02-18 2695
运行Vue项目前，我们需要先配置node.js环境，因此此文章包括node.js运行环境的搭建过程记录
windows使用vsCode启动vue项目
清秋愁上愁的博客
03-16 365
安装好node，配置系统变量，打开cmd并使用命令node -v、npm -v来测试nodejs是否安装成功。 中途遇到一些问题： 1.打开vsCode工具使用npm命令，提示如下错误： npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写。 解决办法：关闭vsCode，使用管理员权限打开vsCode。 2.npm run build会提示Erro...
部署vue参数说明
mihaw的博客
06-29 212
? Project name 输入项目名称 ? Project description 输入项目描述 ? Author 作者 ? Vue build 打包方式，回车就好了 ? Install vue-router? 选择 Y 使用 vue-router，输入 N 不使用 ? Use ESLint to lint your code? 代码规范 ? Setup unit tests with Karma + Mocha? 单元测试 ? Setup e2e tests with Nightwatch? E
vscode启动vue项目配置
10-27
要在VSCode中启动Vue项目，需要进行以下配置： 1. 安装Node.js：在官网下载并安装最新版本的Node.js。 2. 安装Vue CLI：打开终端或命令提示符并运行以下命令安装Vue CLI： ``` npm install -g @vue/cli ``` 3. 创建Vue项目：在终端中进入项目存放的文件夹，并运行以下命令创建一个新的Vue项目： ``` vue create my-project ``` 按照提示选择适合的配置，等待安装完成。 4. 打开项目：在VSCode中打开刚刚创建的Vue项目文件夹。 5. 安装依赖：在终端中进入项目文件夹，并运行以下命令安装项目所需的依赖： ``` npm install ``` 6. 启动项目：运行以下命令启动Vue项目： ``` npm run serve ``` 7. 查看项目：在浏览器中访问http://localhost:8080/，即可查看正在运行的Vue项目。 此外，VSCode还提供了许多有用的扩展和插件，可增强对Vue项目的开发体验。可以通过在扩展商店中搜索并安装Vue相关的插件，如Vetur、Vue Peek等。这些插件提供了丰富的功能，如代码补全、语法高亮、调试功能等，提高开发效率。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值