• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

创建项目----一篇文章学会创建并运行Vue项目一

武飞扬头像
q751051079
帮助1

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
系列文章
更多 icon
同类精品
更多 icon
继续加载