搭建vue开发环境

最新推荐文章于 2024-08-13 16:52:28 发布
最新推荐文章于 2024-08-13 16:52:28 发布
阅读量258 收藏
点赞数
分类专栏： vue 文章标签： vue vue-cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QooX5/article/details/79206269
版权
本文介绍了如何搭建Vue开发环境，包括确保Node环境、全局安装vue-cli、初始化项目并设置项目参数，以及通过npm install安装依赖。通过这些步骤，开发者可以开始Vue项目的开发。
摘要由CSDN通过智能技术生成
一、需要node环境，如没有到https://nodejs.org/en/download/进行下载
二、vue-cli的全局安装


     出现以下，安装成功（本次为update）


三、初始化项目

最低0.47元/天 解锁文章
QooX5
关注
专栏目录
Vue 01 - 搭建Vue开发环境
m0_53753920的博客
03-29 888
Vue介绍就不多说啦，自行谷歌或者百度吧。接下去会介绍如何搭建Vue开发环境。
vue-resource的跨域使用
QooX5的博客
02-28 3175
首先安装vue-resource：npm install vue-resource --save然后引入import VueResourse from 'vue-resource'; Vue.use(VueResourse)vue-resource的请求API是按照REST风格设计的，它提供了7种请求API：get(url, [options])head(url, [options])delete...
搭建 Vue 开发环境
Mjh20180341121的博客
12-09 2565
Vue 开发环境搭建总结
如何搭建vue开发环境
热门推荐
小积累
06-21 1万+
主要介绍vue开发工具、环境搭建、系统运行等内容。
windows搭建vue开发环境
小哥骑单车
06-24 2279
3、安装淘宝镜像(cnpm) npm install cnpm -g --registry=https://registry.npm.taobao.org。参考你的项目需要运行java一样，配置JAVA_HOME这些；然后创建项目（或者使用类似vue create my-project命令创建项目，命令:cnpm install @vue/cli -g(最新版本)//cnpm install vue-cli -g(不是最新版本)输入npm install vue -g。2、安装好后，配置环境变量。
vs code 搭建 vue 开发环境
htydowd的博客
06-01 992
vue-cli ： 输入 npm install -g @vue/cli。nodejs：官网下载安装后 输入 node -v 验证是否安装成功。以管理员身份打开 vs code ，导入 vue 项目。-project-name ，创建vue 项目。安装后，vue --versoin 验证。终端执行 npm run serve。vs code 环境准备好。进入目标文件夹，输入。现在开发越来越简单了。
Visual Studio Code搭建VUE开发环境
qq_40112624的博客
08-13 2065
安装成功后，npm安装的全局模块和缓存默认安装在C:\Users\用户名\AppData\Roaming\npm文件夹里，这里可以进行路径更改，统一放在我们的Nodejs安装文件夹里，新建两个文件夹。但是需要注意的是，关闭SSL验证会使你的npm操作不安全，因为它会绕过SSL证书的验证，使你的数据传输存在被中间人攻击的风险。加上后，再npm run serve，是npm run serve，还是npm run dev，就看package.json文件，运行成功截图。有时候，npm 的缓存可能会导致问题。
使用VsCode搭建Vue开发环境
见证自己学习,成长的记录
09-13 1万+
新建文件夹和文件 工作目录叫vue-basic,里面创建一个文件夹叫01-初识vue,然后创建个html文件叫初始vue.html。F12查看控制台 发现多了两个关于vue的提示,就说明引入vue成功了，这两个小提示后面我们会进行关闭，不然开着不舒服。通过官网介绍我们知道，vue是默认开启生产提示的，我们可以修改这个属性为false，这样就能关闭提示。然后我们把控制台的提示进行清除，首先清除第一个，需要去谷歌应用商城安装vue开发者工具。可以发现，不仅名称有区别，大小也是有区别的，开发版本比生产版本大。
vue开发环境搭建
sqf251877543的博客
03-20 1万+
node.js是javaScript脚本语言的运行环境。而npm则是Node.js的包管理工具（node package manager），相当于后台的maven。为啥我们需要一个包管理工具呢？因为我们在Node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。
在Windows下搭建Vue开发环境
weixin_45899210的博客
04-11 3464
一、在Windows下搭建Vue开发环境 1.安装node.js node.js-v12.18.3 1.1. 安装流程 2.设置node的全局和缓存路径 2.1.新建文件目录 在安装目录中，如我的：C:\Program Files\nodejs，新建两个文件夹，分别是：node_cache（缓存）、node_global（全局） 2.2.设置缓存路径 win+r --> cmd --> npm config set cache "C:\Program Files\nodejs\node_
Window环境搭建Vue开发环境
trabecula_hj的博客
09-15 842
Window环境搭建Vue开发环境。
使用vue-cli+webpack搭建vue开发环境的方法
08-28
使用vue-cli+webpack搭建vue开发环境的方法 从今天开始，我们将学习如何使用vue-cli和webpack搭建一个Vue开发环境。这个方法将指导您从头开始搭建一个完整的Vue开发环境。 什么是Vue-cli？ Vue-cli是一个命令行...
webpack4手动搭建Vue开发环境实现todoList项目的方法
01-19
平常在工作开发中，为了效率我们通常都会直接使用Vue-cli脚手架去搭建Vue开发环境，确实这种工具是节省了我们不少时间，但是你有没有想过Vue开发环境是如何搭建起来的？还有如果是你自己动手去搭建，能顺利搭建起来...
关于vue项目打包前的路径的修改
QooX5的博客
02-28 6593
项目要上架npm run build   打包后上传，页面不显示，打印错误信息：Failed to load resource: net::ERR_FILE_NOT_FOUND资源加载不了了，网上查找解决方法：找到config里的index.js,打开修改assetsPublicPath 为“./”依然不显现，继续查找：将webpack.prod.conf.js 中output添加参数public...
解决本地图片放入数组中显示不出来的问题
QooX5的博客
02-06 3001
vue中动态引入图片数组，图片显示不出来imgArray: [ '../../assets/banner.jpg', '../../assets/banner01.jpg', '../../assets/banner02.jpg' ] 解决方法：引入后再放到数组中使用 import bn from '../../a
一个简单的java游戏.zip
最新发布
11-16
《一个简单的Java游戏.zip》是一个专为学习目的设计的Java小游戏资源包。它包含了完整的源代码和必要的资源文件，适合初学者通过实战练习提升编程技能。该项目展示了如何使用Java的图形用户界面（GUI）库创建游戏窗口，并实现基本的游戏逻辑和交互功能。该游戏项目结构清晰，包括了多个类和文件，每个部分都有详细的注释，帮助理解代码的功能和逻辑。例如，Block类用于定义游戏中的基本元素，如玩家和障碍物；CreateGame类则是游戏的主要控制类，负责初始化游戏窗口、处理用户输入以及更新游戏状态等。此外，该资源包还演示了如何绘制游戏元素、处理事件驱动编程以及多线程的应用，这些都是游戏开发中的重要概念。通过运行和修改这个小游戏，用户可以深入了解Java编程的基础知识，并培养解决实际问题的能力。总之，《一个简单的Java游戏.zip》是一个理想的学习工具，无论是对于初学者还是有一定经验的开发者来说，都可以通过这个项目获得宝贵的实践经验。
基于SSM的智慧中医诊所管理系统（前后端代码）
11-16
基于SSM的智慧中医诊所管理系统（前后端代码）
VSCode上搭建vue开发环境
09-07
以下是在VSCode上搭建Vue开发环境的基本步骤： 1. 安装Node.js和npm： 首先，你需要在你的计算机上安装Node.js。安装Node.js会同时安装npm（Node.js的包管理器），npm是Vue CLI等工具的运行基础。 2. 安装Vue CLI...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值