Verwenden Sie vue-cli+Methode zum Aufbau der Entwicklungsumgebung von vue mit webpack

Hier müssen wir zunächst Node herunterladen, weil wir npm-Pakete herunterladen müssen, das auf Node basiert

Reden wir nicht mehr, wir gehen direkt zum Hauptthema

Lade Node herunter, gleichzeitig müssen wir Git herunterladen, in Zukunft geben wir Befehle in Git ein, um unser Vue-Umgebung zu erstellen

Git verwendet Linux-Befehle

Frage nicht warum, es funktioniert, oder?

Unter Windows-Systemen, nach dem Download von Git, wenn wir mit der rechten Maustaste auf den Desktop klicken, sehen wir Git Bash, öffne es, dann ist Git geöffnet

Git hat viele Funktionen und Git kann deine Dateien auf GitHub hochladen, GitHub ist ein sehr guter Repository-Management-Tool

Gut, wir beginnen direkt, wenn wir Git öffnen, wird angezeigt

Dann führen wir npm install webpack aus

es wird automatisch die neueste Version von webpack heruntergeladen

Hier gehen wir direkt zum Hauptthema, wie man Vue verwendet-mit CLI das Entwicklungsenvironment von Vue einrichten

Hier müssen wir Vue global installieren-cli

在git里执行npm install vue-cli -g　 安装vue命令环境

执行vue --version查看是否安装成功，

显示vue的版本，就是安装成功了

这样就是全局安装了

现在我们再命令行输入vue init webpack-simple<模板名，就是你的项目的名称>，

在这里我们用webpack-simple搭建，因为他没有严格的规范，相对于大多数程序员来说比较好，他与webpack的区别在这里我就不细说了，如果需要的话大家可以在下面留言，我们给大家分享

在这里我的项目名称为myvue

所以我执行vue init webpack-simple myvue

桌面上会有一个myvue的文件夹

我们执行cd myvue进入到我们的项目下

会发现文件夹下会有这些文件，这就是vue-cli自动为我们搭建的环境了

我们执行npm install

这时候我们需要等待一小会，npm在为我们下载基于node的一些文件，

然后你会发现多了一个node——modules文件，里面是node的一些模块

然后我们再命令行执行npm run dev

vue自动打开了浏览器，运行了此vue项目

这样，我们使用vue-使用cli搭建vue的开发环境就算成功了，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程的支持！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：notice#oldtoolbag.com（在发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。