VUE开发和本地运行环境搭建

最新推荐文章于 2024-08-11 23:16:38 发布
最新推荐文章于 2024-08-11 23:16:38 发布
阅读量429 收藏
点赞数
分类专栏： 工作操作类 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012455675/article/details/116741869
版权

VUE开发和本地运行环境搭建

目录

VUE运行环境搭建

1、安装node.js软件（window版）

2、安装visual Studio code

3、在visual Studio code，terminal控制台进入项目目录  使用命令npm install ，导入node_modules

4、npm run dev运行项目，本地地址会打印在最后，访问该地址。

5、运行地址配置在哪里修改呢？

前言：VUE是前端框架，编写出的纯静态页面怎么在本地运行呢？本节就要开始VUE开发和本地运行环境搭建。

1、安装node.js软件（window版）

          因为npm命令需要安装node.js。使用nodejs可以快速搭建本地服务器。

2、安装visual Studio code

3、在visual Studio code，terminal控制台进入项目目录  使用命令npm install ，导入node_modules

会自动下载一系列需要的包

4、npm run dev运行项目，本地地址会打印在最后，访问该地址。

5、运行地址配置在哪里修改呢？

在项目的config目录index.js中。

向日葵花子(*￣︶￣)
关注
专栏目录
vue本地安装
ljw_jiawei的博客
04-17 1596
        1.先从node.js官网下载并安装node,安装过程很简单 2.npm版本需要大于3.0 ,如果低于3.0要升级它: 查询npm版本号代码: npm-v 升级npm代码: npm install npm -g 3.基于node.js利用淘宝npm镜像安装相关依赖(国内使用npm会很慢),完成后就可以用cnpm代替npm来安装依赖包了 安装cnpm代码: npm inst...
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
小韩的博客
09-09 7923
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
vue 本地开发环境搭建
qq_40981804的博客
01-26 924
基本步骤 安装node.js-- 安装vue.js–安装vue-cli(脚手架) 详细步骤 下载node.js 在搭建vue的开发环境之前，一定一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，网址：http://nodejs.cn； 安装步骤 详情请看 Npm替换为cmpn ...
VUE安装使用手册
最新发布
qq_54523931的博客
08-11 1133
注意：无论你使用哪种操作系统，必须保证当前登录的用户具有最高访问权限，例如，在Windows操作系统中，请使用管理员模式的命令提示符，并且，不要使用Power Shell，在Mac OS中，请使用 sudo来执行以上命令。通常用vue命令来创建VUE CLI工程，并且会将工程创建在执行命令时的位置，所以，可以先进入准备存放项目的文件夹再创建项目。@vue/cli的好处：开箱即用，支持webpack/babel/css/less/开发服务器支持。可以看到当前的VUE Cli：@vue/cli 5.0.8。
vue运行环境搭建
qq_41451744的博客
04-28 3358
1、安装node.js 官网：http://nodejs.cn/（node.js中文网） https://nodejs.org/en/ vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的需要下载相应的安装包。 安装node时，如果修改了默认路径，需要配置相应的环境变量。使用默认的安装路径的时，会自动配置环境变量。 安装完成后，可通过cmd,输入 node -v 检查是否安装成功，及安装的版本信息。能看到版本信息说明安装成功。 2、安装cnpm 由于在国
如何搭建一个vue项目(完整步骤)
热门推荐
y2020520的博客
05-16 1万+
Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；最后附上demo地址：https://github.com/yanxulan/vue-demo.git。参考：https://www.cnblogs.com/yanxulan/p/8978732.html。d：输入ip： http://localhost:8010/#/first，查看页面效果。
VUE.JS的本地环境搭建过程
ReaderWriter的博客
11-12 271
因为现在项目使用前后端分离，前端使用vue.js。咱不会码代码，至少项目得跑起来吧。这里留下我整个折腾下来的一些经验吧，毕竟现在网上的教程很多、很杂。不如自己折腾完后的总结： 首先我们知道vue.js的使用有两种方式： 直接引用<script>标签路径即可，或者去官网下载到本地，再通过script标签中的src引入路径即可。 就是我们的npm 安装方式，可以通过命令行创建基于we...
详解vue+axios给开发环境和生产环境配置不同的接口地址
12-02
在开发环境中，前端通常运行在本地开发服务器上，比如`localhost:8080`，而后端API可能运行在另一个端口或完全不同的机器上。由于浏览器的安全策略，不同源的HTTP请求（即跨域请求）会被禁止，除非后端服务器明确...
vue项目打包之开发环境和部署环境的实现
10-15
这样可以确保每个环境下的配置和依赖都能正确匹配。在Vue项目中，我们可以在`src`目录下创建`dev.env.js`和`prod_env.js`两个文件。这两个文件将包含各自环境下的特定配置，例如API地址或其他环境变量。 接下来，...
vue 接口请求地址前缀本地开发和线上开发设置方式
10-14
对于基于Vue CLI构建的项目，配置文件通常位于`config`目录下，包括`dev.env.js`（本地开发环境配置）和`prod.env.js`（线上生产环境配置）。 1. **本地开发环境配置**： 在`config/dev.env.js`文件中，我们可以...
搭建vue开发环境
12-09
搭建Vue.js开发环境主要涉及安装Node.js和Vue CLI，以及使用Vue CLI创建项目。通过上述步骤，你就可以顺利地开始Vue.js的开发工作。记得在遇到问题时，查阅文档或在线社区寻求帮助，同时保持Vue CLI的更新，以便获取...
Vue安装及环境配置教程(超详细图文教程)
java骨灰级码农，10年IT从业经验
05-18 6245
将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。到这里，Vue安装及环境配置就已经全部完成，如有不会，欢迎骚扰！先把路径改到刚刚创建的项目，然后再运行，语句如下。输出了版本号就说明Node.js已经安装成功。变量值：你的安装目录\node_modules。可以选择创建Vue2版本或者Vue3版本的项目。（注意中间有个空格）验证是否安装成功。创建vue项目，选择项目想要放的位置。系统变量中新增一个变量，如下👇。一直Next即可完成安装。打开cmd窗口，执行如下命令。安装webpack模板。
vue环境的搭建
m0_74331185的博客
12-19 1346
vue环境的搭建
VUE本地环境搭建
m0_68249316的博客
05-06 120
（3）安装vue项目：vue create vue3-demo1;（2）安装vue-cli：我理解可能就是框架，在新建文件夹中。然后看他开始安装，安装完成后，百度搜索到这位大神的配置。
10分钟快速搭建vue运行环境
lizhongyu0922的博客
11-29 900
工欲善其事，必先利其器，要想玩转vue，基础就是搭建vue的运行环境。以下是vue环境搭建安装的一点学习总结： 一、nodeJs https://nodejs.org/en/  是nodejs的官网，下载安装。 下载安装到本地。然后windows键+R，输入cmd，打开dos命令窗口，检验node是否安装成功，输入node -v，显示如图，证明安装成功。   安装cnpm 淘宝
搭建vue项目，配置环境
m0_68320270的博客
08-26 959
在上面我们已经集成好代码验证工具，但需要每次手动的执行才能格式化代码，husky它能强制开发人员按照代码规范提交到远程仓库。的才可以，**需要注意的是类型的后面需要用英文的 :，并且冒号后面是需要空一格的，这个是不能省略的**它为css的lint工具，可格式化css代码，检查css语法错误于不合理的写法，指定css书写顺序等，//如果不是pnpm下载的包，将执行 process.exit(1)，退出下载/安装。'build',//编译相关的修改，例如发布版本、对项目构建或者依赖的改动。
vue环境搭建及创建运行项目
写代码的渣渣苏
07-12 663
vue项目所需环境安装
Vue开发环境的搭建
橘猫吃不胖的博客
03-18 1191
Vue开发环境的搭建1 基本方式2 脚手架方式（vue2.0）3 使用WebStorm集成环境创建vue-cli项目（vue3.0）4 vue项目的目录结构（vue2.0） 1 基本方式 最基本的方式就是在页面文件中引入vue.js文件，步骤如下： （1）引入vue.js文件（在自己创建的html文件中引入，以下使用001.html文件来举例）          创建001.html文件，在该文件中引入vue.js文件
VUE项目环境搭建及运行
清宵尚温的博客
02-15 289
node.js安装-----npm安装和加速 1. 下载node.js 去node.js官网的下载适合的版本，这里选择最新的node.js 进行安装 https://nodejs.org/en/download/ 2. 安装node.js 我把安装位置改成了D:\developer_tools\nodejs\ 3. 更改npm下载位置（可选） 我习惯将下载的位置改成D盘，去我另外的博客看吧，写的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值