【小5聊】Vue开发环境配置(Windows)

网友投稿 799 2022-09-14

【小5聊】Vue开发环境配置(Windows)

【小5聊】Vue开发环境配置(Windows)

使用前端框架Vue进行开发,会用到HBuilderX或者Visual Studio Code等开发工具,不管那种,都需要先安装Node此处在Windows操作系统下安装配置最大的难点就是版本兼容问题,特别是对于入门和初学者来说,简直无方向

Node-:​​Download | Node.js​​

1、cmd查看Node版本

cmd>node -v

如果没有安装,那么查看未会找不到

2、查看npm版本

Node本身就包含了npm模块,直接输入命令

cmd>npm -v

3、HBuilderX运行npm

鼠标右键目录,使用命令行窗口打开所在目录

路径输入>npm,经常出现的情况就是,无识别

原因:HBuilderX没有以管理员权限运行

4、npm install

5、build

6、npm run dev

根据自己设定的启动,否则使用默认的启动命令

7、尝试新的跨平台

PowerShell https://aka.ms/pscore6

https://aka.ms/pscore6https://github.com/PowerShell/PowerShell/releases/download/v7.2.2/PowerShell-7.2.2-win-x64.msi

重新关闭后,再以管理员权限运行

8、安装插件

如果有用到scss等插件,需要进行插件安装,否则无法运行项目

9、正常安装效果

10、成功安装好模块后,启动网页效果

温馨提示

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:windows常用操作汇总——不定期更新
下一篇:01在win server 2012R2上搭建AD域
相关文章

 发表评论

暂时没有评论,来抢沙发吧~