vsCode搭建vue项目

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

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

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

vue create hello-world

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

![547b7641fd8448a69d1e1357a03b55d3.png][]

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

![65b7cd652e604d06bc0454879460693d.png][]

回车

![53f8810e02f543e89e31fada59861858.png][]

输入n，回车

![74f84b6f013446fd999260a23e31b0f2.png][]

如果出现这个结果，表示已经成功创建！

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

cd 项目名称
    npm run serve

![b86db41cb96f401b99c6016718cd071a.png][]

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

![1fbbc9c81e9943fe86a78662f551d313.png][]

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

[547b7641fd8448a69d1e1357a03b55d3.png]: https://img-blog.csdnimg.cn/547b7641fd8448a69d1e1357a03b55d3.png
[65b7cd652e604d06bc0454879460693d.png]: https://img-blog.csdnimg.cn/65b7cd652e604d06bc0454879460693d.png
[53f8810e02f543e89e31fada59861858.png]: https://img-blog.csdnimg.cn/53f8810e02f543e89e31fada59861858.png
[74f84b6f013446fd999260a23e31b0f2.png]: https://img-blog.csdnimg.cn/74f84b6f013446fd999260a23e31b0f2.png
[b86db41cb96f401b99c6016718cd071a.png]: https://img-blog.csdnimg.cn/b86db41cb96f401b99c6016718cd071a.png
[1fbbc9c81e9943fe86a78662f551d313.png]: https://img-blog.csdnimg.cn/1fbbc9c81e9943fe86a78662f551d313.png

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

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

相关阅读

相关 vsCode搭建vue项目

在我们安装好vue脚手架（vue-cli）之后，接下来我们将使用vsCode来搭建vue项目运行以下命令来创建一个新项目： vue create hello-wo

拼搏现实的明天。/ 2023年10月02日 19:24/ 0 赞/ 7 阅读

相关 vue环境搭建、新建项目以及编辑器vscode安装

一、vue开发环境搭建 1、安装nodejs 步骤：在node官网(https://nodejs.org/en/download/ )选择跟自己的电脑匹配的版本进行下

电玩女神/ 2023年03月13日 13:51/ 0 赞/ 142 阅读

相关 VScode搭建vue项目

1. 首先新建终端，打开到创建的文件夹 2. 输入 vue create 你的项目名称 3. 选择第三个选项，回车 ![在这里插入图

Dear 丶/ 2023年01月21日 05:25/ 0 赞/ 230 阅读

相关 vscode 搭建SSM项目环境

vscode 搭建SSM项目环境简介创建Maven项目 web.xml配置 spr

我不是女神ヾ/ 2022年11月24日 12:57/ 0 赞/ 740 阅读

相关 VSCode搭建vue项目

安装环境： 1.默认Vscode、nodejs已经安装好了 2.全局安装vue-cli，vue-cli帮助我们快速构建Vue项目。 npm install -

我就是我/ 2022年08月31日 01:51/ 0 赞/ 226 阅读

相关搭建vue项目

> 1，安装好node.js npm > 2，创建vue项目： > > npm install -g vue-cli /搭建脚手架/ >

待我称王封你为后i/ 2022年05月10日 09:12/ 0 赞/ 339 阅读

相关 vue + vscode 搭建

node.js , npm , vue2.0 , less , axios , webpack 参考： [https://blog.csdn.net/mao83409

曾经终败给现在/ 2022年04月12日 04:37/ 0 赞/ 329 阅读

相关 VSCode搭建VUE 开发环境

一，下载Node.js,去官网[https://nodejs.org/en/download/][https_nodejs.org_en_download]下载选择Wind

一时失言乱红尘/ 2022年03月28日 02:13/ 0 赞/ 460 阅读

相关 VSCode搭建Vue项目

个人资源与分享网站：[http://xiaocaoshare.com/][http_xiaocaoshare.com] 1.假设Vscode、nodejs等已经安装好了。

系统管理员/ 2021年09月24日 04:06/ 0 赞/ 385 阅读

相关 Vue项目搭建

一：安装node.js 安装教程：http://www.runoob.com/nodejs/nodejs-install-setup.html 安装完成之后，在cmd命令

逃离我推掉我的手/ 2021年07月24日 21:00/ 0 赞/ 588 阅读