npm run serve运行出错
今天又是一期下课自己遇到问题的解决方法:主要是vuecil安装和node中两个命令运行错误的解决方法。
今天在安装node完成后发现一个问题就是输入npm install和npm run serve两个命令时总是出现如下图错误:
原因是:没有在正确的地址栏打开cmd,首先需要有一个例子在例子项目文件夹上方地址栏输入cmd,回车。
下面我以我的项目1-hello为准:我的1-hello在桌面上双击打开后,在上方地址栏双击输入cmd,回车 ,
在窗口输入cd 1-hello:出现一下样式代表你进入了真正的项目入口
执行npm install命令,可能会出现下面的情况,不过不要担心,继续输入npm run serve命令。
输入之后会出现这些看不懂的东西,耐心等待一下
直到出现这个就说明成功了
成功之后用VScode打开项目1-hello,打开src->view->home.vue,可以看到这个页面:其中有三种在网页中显示的方法和格式,假设输入hello world ccc这个单词将他定义为hello。第一种<p>{{hello}}</p>;第二种<p v-text="hello"></p>;第三种<p v-html="hello"></p>。
代码:const data=reactive{
hello:<h1>hello world ccc</h1>
};就是他的书写格式,我们添加其他因素也是在这里面。
图片里是定义了两个量hello和age,以第二种为例有两个变量时<p v-text="hello age"></p>
代码中:const data=reactive{
hello:“<h1>hello world ccc</h1>”,(//中间用逗号隔开)
age:“<h1>111</h1>”
};
最后改完一定要保存,在上面自己电脑的两个网址随意登录一个机会出现以下样式这样就完成啦。
这是我自己遇到的问题,也可能不会帮到你们,但是我会努力争取可以解决更多的问题。
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgagbfk
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13