创建项目----一篇文章学会创建并运行Vue项目一
1.安装Node环境
Node.js下载地址:[Node.js]
1.点击下载,下载node.js安装包
2.点击下载好的安装包,安装node.js
3.安装完之后,打开控制台win r
4.输入node -v,查看是否显示版本号,如下所示:
根据如上步骤就安装好node.js了,接下来就是使用vue-cli搭建项目了
2.搭建vue项目
1.创建一个新的文件夹
2.点击文件=>打开windows PowerShell控制台
3. 输入npm install --global vue-cli,安装vue脚手架
4.安装完成之后输入 vue -V查看vue脚手架的版本号
5.输入 vue create demo创建项目 demo代表项目的名称
6.Please pick a preset下面可以选择一个默认的配置,也可选择自己手动选择功能,创建完成之后,会出现如下提示 cd demo和npm run sever
7. 首先我们输入cd demo进入创建的项目,在输入npm run serve运行项目
8.运行成功之后会出现如上的一个域名,我们打开浏览器,输入http://localgost:8080/,就可以看见我们刚刚运行的项目啦!
下一章讲解一下项目的目录结构,以及如何打包
今天就暂时分享到这里啦!
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhggfcgj
系列文章
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13