入门vue-环境依赖搭建

本文介绍了如何一步步搭建Vue开发环境,包括Node.js的安装与检测,以及使用淘宝镜像加速安装Vue脚手架。通过npm命令创建项目并启动,解决自动打开浏览器的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一:第一步node.js的安装与检测

        1:安装

        由于项目的运行需要node环境,所以首先去node官网下载node.js文件,如果有的小伙伴已经有node.js了,要及时更新哦,这个是node.js官网地址:https://nodejs.org/en/   

node.js的安装很简单,一直按下一步就好,唯一要注意的是:Add To Path要选择上,这个是在windows的命令行里使用添加node的一些命令。


           2:检测

            安装后检测node.js是否安装成功,在运行里输入cmd,回车。命令行输入node -v,回车。会出现你安装node.js的版本号,说明安装成功。详细见下图。



二:第二步安装脚手架

       1:安装淘宝镜像

         安装访问外网会比较慢,所以这里建议下载淘宝镜像(取决于你的心情,嘻嘻嘻),命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org  但是之后在命令行的命令执行还是要用npm来执行。

        2:安脚手架

        (敲黑板,小板凳搬好,虽然不知道我的文章会不会被看到,哈)找到你想建项目的地方:cd 文件夹。命令行输入:npm install vue-cli -g.全局下安装。


初始化项目 vue init webpack vueStart .注意:eslint 不需要


啊哈,此时你的浏览器就会出现下图:


就说明你新建的项目已经运行起来了。蛋是啊但是,有的小伙伴会出现以下这种情况:


然后他的命令运行完以后并不会自动跳转到浏览器上,so,我准备了两种方法:

(1)去浏览器地址栏自己手动输入。哈哈哈。如果你像我一样懒懒的那就采用第二种方法。

(2)找见你文件夹里的config下的index.js的文件,将autoOpenBrowser设置为true就可以了。

到这里vue搭建就结束了,小姐姐说的口渴了,喝点水去,觉得还不错的记得点一下赞哦。说的不准确的地方可以指正批评一下,蟹蟹观看。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值