vsCode搭建vue项目

拼搏现实的明天。 2023-10-02 19:24 96阅读 0赞

在我们安装好vue脚手架(vue-cli)之后,接下来我们将使用vsCode来搭建vue项目

运行以下命令来创建一个新项目:

  1. vue create hello-world

输入命令后选择 Manually select features(通过上下键进行选择)

547b7641fd8448a69d1e1357a03b55d3.png

然后使用上下键以及空格键取消勾选Choose Vue version以及Linter / Formatter

65b7cd652e604d06bc0454879460693d.png

回车

53f8810e02f543e89e31fada59861858.png

输入n,回车

74f84b6f013446fd999260a23e31b0f2.png

如果出现这个结果,表示已经成功创建!

运行以下命令尝试启动服务器:

  1. cd 项目名称
  2. npm run serve

b86db41cb96f401b99c6016718cd071a.png

将local地址复制到浏览器打开,可以看到如下界面,至此项目搭建成功!

1fbbc9c81e9943fe86a78662f551d313.png

更多信息可以到Vue.js上查阅。

发表评论

表情:
评论列表 (有 0 条评论,96人围观)

还没有评论,来说两句吧...

相关阅读