前端—vue环境搭建

最新推荐文章于 2025-04-17 17:05:26 发布

SN_G

最新推荐文章于 2025-04-17 17:05:26 发布

阅读量220

点赞数

文章标签： vue npm安装

本文链接：https://blog.youkuaiyun.com/csdn_Sandy/article/details/80215051

版权

一、官方下载vue.min.js文件，利用script标签动态引入vue，进行vue开发

二、使用CDN

BootCDN（国内） : https://cdn.bootcss.com/vue/2.2.2/vue.min.js
unpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

三、NPM方法

1、首先确认是否安装了node.js（如未安装，请自行安装[安装较新版本]）

2、安装好node.js后，我们来安装npm

npm及vue脚手架安装详细步骤：npm及vue脚手架安装详细步骤

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

SN_G

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Spring Boot+Vue从零开始搭建系统（一）：项目前端_Vuejs环境搭建

weixin_33970449的博客

03-23

835

前言博主本身是一直从事Java后端开发，一直想独立开发一套完整前端和后端技术结合的项目来提升自己的技术水平，经过对业界的一些热点技术的了解并对技术栈选型考虑后，博主打算利用Vue.js和Spring Boot技术栈来开发一个属于自己的博客系统，等开发完成把自己平时遇到的技术分享出来。由于对前端技术不是太了解，所以想从零开始把开发的整个过...

前端VUE环境搭建

huox_111111的博客

11-16

1579

cnpm install --save vue-axios-plugin -g //-g:全局安装。cnpm install --save axios vue-axios -g //-g:全局安装。cnpm install axios-retry -g //-g:全局安装。下载网址：http://nodejs.cn/download/安装成功后，执行npm --version查看版本号即成功。官方网址：http://nodejs.cn/-- 在 vue.js 之后引入 -->2. 安装axios。

参与评论您还未登录，请先登录后发表或查看评论

搭建 vue 项目环境详细步骤

最新发布

qq_36833673的博客

04-17

1571

在平常的开发工作中，我们经常需要对项目进行打包，后端项目打包及部署在前面总结过。那么，现在前端基本都是 vue 项目，那么应该如何搭建一个 vue 环境呢？下载一个前端项目应该如何启动呢？今天，我们总结下搭建 vue 环境的基本步骤。

VUE前端项目环境搭建

qq_38003956的博客

09-13

1120

vue前端项目环境搭建

vue前端开发环境搭建

qq_15872419的博客

10-14

1586

vue项目环境搭建，开启vue开发之路。

前端开发环境搭建（Vue）

Meng_000000的博客

01-08

583

1.搭建Node.js开发环境去node.js的官网下载安装包官网地址下载完之后，进行安装，安装完之后使用下面的命令查看Node.js版本 node -v 显示以下信息，说明安装成功查看npm的版本，npm就是一个包管理器，就像maven是java的包管理器，这个是安装Node.js的时候会自动安装的，不用手动额外安装 npm -v 显示如下信息，说明安装成功开发中常常会使用npm来安装一些项目所需要的依赖，可以使用下面的命令来显示的指定依赖下载之后要存放的位置 npm config set

Mac快速搭建前端环境&创建前端项目【Vue】

web18296061989的博客

12-12

1167

问题：如果出现报错：node:77305) Warning: require() of ES modules is not supported.，表明node版本过低不支持。查询一下 raw.githubusercontent.com对应的IP 地址，然后修改本机的vim /etc/hosts文件。解决：打开网站https://www.ipaddress.com/vite：快速创建前端项目脚手架。下载：https://nodejs.org/en。官网：https://cn.vitejs.dev。

vue环境搭建

01-17

在开始使用Vue进行开发之前，我们需要配置和搭建一个适合的开发环境。在这个过程中，Webpack 和 Vue CLI（命令行接口）是两个重要的工具。 Webpack 是一个模块打包器，尤其适用于处理JavaScript和相关资源如CSS、...

Vue前端开发环境搭建

Double-Fan的博客

08-20

1559

1、环境准备 1.1 下载node.js 下载地址 1.2 安装node.js 方式一：安装包 ==> 指定路径下一步即可方式二：压缩包 ==> 需手动配置环境变量 1.3 检验node.js环境是否配置成功 1.4 配置阿里云镜像参考地址 npm config set registry https://registry.npm.taobao.org 1.5 查看镜像是否配置成功 npm config get registry 1.6 配置npm下载依赖位置 npm config s

前端vue环境部署pdf文档

03-24

8. 如果浏览器中显示出项目页面，说明前端Vue环境搭建成功。部署PDF文档到Vue项目中，首先需要在Vue组件中引入PDF文件，可以通过import语句导入PDF文件路径，然后使用`<embed>`或`<object>`标签将PDF文档嵌入到...

Vue前端环境搭建(最简单，最全)

Web_chicken的博客

04-01

2136

Vue前端环境搭建包括node npm

vue.min.js 文件直接引入就可以

12-30

vue源文件vue.js

Windows环境搭建VUE前端开发环境-安装VUE+webpack

天外来客

02-13

706

前篇目介绍了Node.js的安装，本篇继续后续操作——安装VUE+webpack。由于许多npm的源都是在国外的地址，安装起来特别慢，所以我们这里利用淘宝的镜像服务器，然后开始后续的安装操作。1、安装淘宝镜像安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.org 之后回车等待命令......2、安装全局vue-cl...

初学前端之如何搭建VUE项目环境

m0_54018466的博客

07-15

325

初学前端之如何搭建VUE项目环境

vue相关前端环境安装

whalefall_的博客

07-09

123

1. 首先安装node.js 版本查询 node -v 2.安装npm 版本查询：npm -v 3.安装webpack 具体安装教程参考下列链接最详细的vue安装教程用webstorm搭建vue项目（亲测，绝对实用） 4. vue-cli安装首先安装node.js 卸载老版本：npm uninstall vue-cli -g 下载新版本：npm install @vue/cli -g 这是针对vue3的直接运行会很慢建议安装淘宝镜像 npm con...

Vue 60 ，前端配置开发环境，新电脑配置前端开发环境，Vue开发环境配置的详细过程（前端开发环境配置，电脑重置后配置前端开发环境）

weixin_65793170的博客

02-28

9023

⭐无论是为新电脑配置前端开发环境，还是在电脑重置后重新设置，正确安装必要的软件和插件都是开始编码前的重要步骤。具体都需要安装什么软件和插件，这里来分享一下，文章适合新手和小白，大佬可以直接滑走。

【前端环境3】已有代码配置vue环境 + 使用 vue ui 图形化界面创建vue项目 + vue项目目录结构

定期分享我的发现和想法，感谢你的陪伴和支持

07-02

2366

使用 vue ui 图形化界面创建 vue 项目是一种方便的方式，可以直观地操作和查看项目的配置和依赖。

超详细的VUE前端环境配置

dhklsl的专栏

05-11

243

Vue安装与配置

微信公众号前端vue环境搭建

09-17

在搭建微信公众号前端vue环境之前，首先需要准备一个微信公众平台测试账号。这个测试账号可以通过个人微信扫描二维码登录来获得，不需要注册。接下来，我们可以按照以下步骤来搭建vue环境： 1. 确保你已经安装了Node.js和npm（Node包管理器）。 2. 打开命令行终端，进入你的项目文件夹。 3. 使用以下命令来初始化一个基于vue的项目： ``` npm init -y ``` 4. 接下来，安装vue-cli，它是一个vue脚手架工具，可以帮助我们快速搭建项目： ``` npm install -g @vue/cli ``` 5. 初始化一个新的vue项目： ``` vue create your-project-name ``` 其中，"your-project-name"是你项目的名称，可以自行替换。 6. 在初始化过程中，你可以选择一些项目配置选项，例如使用默认配置或手动选择特定的特性。根据你的需求进行选择。 7. 初始化完成后，进入到项目目录： ``` cd your-project-name ``` 8. 运行以下命令来启动项目： ``` npm run serve ``` 9. 现在，你的vue环境已经搭建完成。你可以根据项目需求进行开发，编写vue组件、路由、数据交互等等。请注意，以上步骤是搭建基于vue的微信公众号前端环境的一般方法。具体的配置和开发流程可能会根据你的实际应用场景而有所不同。因此，在进行微信公众号前端开发之前，建议你仔细阅读微信公众平台的开发文档，并根据文档中的指引进行配置和开发工作。