vue cli 脚手架 重新安装步骤[亲测有效]

vue cli 脚手架 重新安装步骤[亲测有效]脚手架重新安装步骤删除node控制面板—》程序(卸载)-》nodejs(右键单击,卸载)重新安装node(具体看网址)https://www.cnblogs.com/liuqiyun/p/8133904.html重启电脑执行命令(具体看图片)node-v2.npmcachecleanforcenpminstallnpminstall-g@vue/cli5.vueversion项目创建https://

大家好,欢迎来到IT知识分享网。

脚手架重新安装步骤

  1. 删除 node
    控制面板—》程序(卸载)—–》nodejs(右键单击,卸载)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  1. 重新安装 node(具体看网址)在这里插入图片描述

https://www.cnblogs.com/liuqiyun/p/8133904.html

  1. 重启电脑

  2. 执行命令(具体看图片)

  3. node -v
    2.npm cache clean –force

  4. npm install

  5. npm install -g @vue/cli
    5.vue –version

在这里插入图片描述

项目创建

https://segmentfault.com/a/1190000014627083?utm_source=index-hottest

1.vue create 项目名称(貌似不能含有大写字母);
在这里插入图片描述

2.就是问你要不要用淘宝镜像,国内的开发者输入y。
在这里插入图片描述

3.系统将提示您选择一个预设。您可以选择Babel + ESLint基本设置随附的默认预设,也可以选择“手动选择功能”以选择所需的功能。
在这里插入图片描述

默认设置非常适合快速制作新项目的原型,而手动设置提供了更多面向生产的项目可能需要的更多选项(j建议如图选择)
== 选择的时候一定要点空格键 ==
在这里插入图片描述

Babel :兼容IE6
TypeScript : javascript的超集

在这里插入图片描述

4.选完之后要再次进行确认选择
在这里插入图片描述

node-sass是自动编译实时的,dart-sass需要保存后才会生效

在这里插入图片描述
回车
在这里插入图片描述

N 回车

等待创建就完成了

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

如何关闭命令提示符(关闭之后,项目就会停止)

== 千万不要直接关闭 命令提示符 ==

== 先要 终止命令 ctrl+c ==
在这里插入图片描述

y/n终止

项目就会停止
在这里插入图片描述

最后关闭 命令提示符

又要重新打开项目

1.第一步准确的找到你的项目的路径(可选)
在这里插入图片描述

回车
在这里插入图片描述

回车

2.第二步运行你的项目(必须)
在这里插入图片描述

或 npm run serve (启动项目)

3.第三部步开启(必须)

在这里插入图片描述

切换磁盘

在这里插入图片描述

打开文件夹(vueff)
cd vueff

返回上级目录
cd …
在这里插入图片描述

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/25825.html

(0)
上一篇 2023-07-05 16:00
下一篇 2023-07-23 18:00

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信