前端开发环境搭建到启动项目

下载和安装开发工具VSCode

目前主流的开发工具有webstorm和vscode,我这里选择的是vscode。
官网下载地址:[https://code.visualstudio.com/Download#],选择下载的版本。因为官网下载太慢,我采用国内镜像方式下载。具体步骤为:拷贝出官网的下载链接(我用的是微软自带的浏览器,右键下载中的行,选择复制下载链接即可),在新窗口中粘贴下载链接,并将地址中的/stable前的az764295.vo.msecnd.net换成vscode.cdn.azure.cn即可。下载后解压,直接运行Code.exe文件即可。

安装nodejs、npm、vue

因为之前安装过华为鸿蒙开发工具,nodejs和npm都安装过,此处忽略。没有安装的自行下载安装。
输入node -v发现没有显示版本
在这里插入图片描述
查看环境变量,发现path变量中没有配置nodejs的安装路径,则配上nodejs的安装路径,再次执行node -v
在这里插入图片描述
我这里还是因为之前安装过华为鸿蒙开发工具,自动下载了nodejs和npm,并且npm在nodejs中,因此我配置了nodejs的环境变量后,npm也生效了,如果npm没有显示版本号,则尝试单独配置。
执行npm install -g @vue/cli命令,安装vue工具

项目编译(私有环境)

执行npm install
在这里插入图片描述
发现找不到这个环境(我这里是公司搭的私有环境)
执行nrm ls查看环境信息
在这里插入图片描述
执行npm install -g nrm安装nrm
然后再nrm ls,发现果真没有私有环境
在这里插入图片描述
执行nrm add <别名> <私有环境地址>
再nrm ls,发现已有目标环境
在这里插入图片描述
执行nrm use <别名>切换到目标环境
执行 npm adduser 依此输入用户名和密码,随便填写个邮箱(邮箱格式)
最后执行npm install
完成后,项目目录会生成node_modules文件夹

运行项目

执行 npm run serve

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr Yin

您获益,我得意,您打赏,我敬礼

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值