前后端分离-前端搭建(Vue)(2)

先安装node.js以及npm

现在基本的node.js都包含有npm,下载安装后,

可以在cmd命令里输入 

node -v    和npm -v 分别查看安装的版本 

两个都显示了版本就是安装ok

 

这次我们使用JetBrains WebStorm 这个和 idea是同一个公司开发的软件来写前端

这次我们直接在软件上去创建Vue项目 , 不需要我们自己去手动输入命令了 ,

打开软件 , 新建一个Vue

1c701dcbb4e5e663f7f4456c00ddaf7a8dc.jpg

然后输入你的项目名

5bb2430ede042dd9bbbc90a994fbeeeed83.jpg

一路下去的配置中 , 有三个要选取no , 其他的默认即可

需要自己选no的如下:

0a0ea204ea041e5158f03697593df1eba8a.jpg

cdc857830a0208e812b609cd75703938c3f.jpg

a89c37560f2d5304512208ab9aaea43867c.jpg

 

下面这个直接默认即可 

8b22f615bf82a640740fd849d3ea1146905.jpg

 

接下来就只要等软件自动去下载好了 , 等右下角这个下载好

470c4691818197ec0aab68833a2283c2403.jpg

 

接下来我们去弄一个项目启动的配置 ,不然每次都要去输入命令

d59fe875a865b7347a27e9c89eddfdd3dd6.jpg

b0aeea93e0e1e737baf07f68896ba3c123e.jpg

581962b83356d11eed645e731235c44c0c9.jpg

feeefb512ea36e60c6eb348d37c60643350.jpg

 

记得点击ok ,保存

然后返回 , 就会看到右上角

9ecfd92db39a3dacd66493f80009e18a6e5.jpg

点击这个绿色的三角形运行看看

控制台出现如下页面,即是Vue配置成功了

c433d2ead4569e636c0080d72f9bfb617a2.jpg

然后根据这个链接  http://localhost:8083去浏览器访问 ,能看到如下页面就成 :

9ce554e1c2372b363b356bdd4332eb15bc2.jpg

转载于:https://my.oschina.net/u/4116654/blog/3064431

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值