如何使用VS Code创建vue项目

已于 2022-06-19 19:56:45 修改
阅读量1.4k 收藏 2
点赞数
文章标签： vue.js 前端 javascript
于 2022-06-19 19:55:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49184510/article/details/125361495
版权
这篇博客详细介绍了如何一步步使用Vue CLI创建Vue.js项目。首先全局安装@vue/cli，然后在指定目录下创建项目，最后通过VSCode打开并运行项目，只需npm run serve即可在浏览器中预览。
摘要由CSDN通过智能技术生成

具体步骤

第一步（仅第一次执行）：全局安装@vue/cli

npm install -g @vue/cli

第二步：切换你要创建项目的目录（cd），然后使用命令创建项目。(xxx为要创建项目的名称)

vue create xxxx

第三步：使用VS Code打开并启动项目。(VS Code中用 ctrl+~ 可以打开控制台)

npm run serve

运行成功，复制链接到浏览器即可运行查看。

Cak4r
关注
vsCode 创建Vue项目
lxsz0214的博客
02-21 3184
vue推荐开发环境: Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言 webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板   步骤： 1.安装Node.js 官网下载，直接安装，安装完可以在命令行里通过node -v测...
使用 VS Code 创建 Vue 项目
qq_45164496的博客
10-06 471
在 VS Code 终端： 第一步：创建项目- - -vue init webpack project （project是项目名称，可以根据需要自行修改） 第二步：进入项目目录- - -cd project 第三步：清除缓存- - -npm cache clean --force 第四步：重新初始化依赖- - -npm install 第五步：启动项目- - -npm run dev 根...
VS Code新建VUE项目
zhujun2008的博客
02-09 2494
1、首先打开vscode官网,下载地址：Visual Studio Code - Code Editing. Redefined 2、按住Ctrl+shift+p在vscode软件就会出现一个搜索框，搜索configure display language设置 3、如果上面没有这个选择可以在扩展中搜索Chinese language 进行安装 4、下载安装NODE.JS下载地址：Download | Node.js下载运行文件并安装。完成安装后查看版本 5、安装cnpm npm i..
Visual Studio Code搭建VUE开发环境
最新发布
Nicky's blog
08-07 2183
Vue.js 是一款易学易用，性能出色，适用场景丰富的 Web 前端框架。它基于标准 HTML、CSS 和 JavaScript 构建，提供容易上手的 API 和一流的文档
通过VS创建vue项目
weixin_69383502的博客
05-09 556
回车之后等它跑完，进入目录后输入指令 npm run serve 运行项目。1.右击VS code，以管理员身份运行。
VS Code安装VUE及创建VUE项目
weixin_41575632的博客
11-02 1717
VS Code 安装vue
vs创建vue项目
Iloveskr
12-11 400
一种是vue cli脚手架创建，一种是vite工具创建。（本文采用vite工具创建）创建只有下面会要求我们选一些插件，根据自己的需求选项安装就行了。项目的运行在package.json可以看到，同时是可以修改的。执行之后会多出来一个package-local.json文件。也可以 npm init vite-app 项目名。命令创建 npm init vue@latest。执行我们上面创建时看到的执行项目命令。创建完成之后就可以安装依赖插件了。基于vue create 项目名。创建完成之后有个目录结构。
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
10-17
使用vue-cli3创建Vue项目及配置VS Code自动代码格式化和Vue语法高亮问题涉及了多个知识点和步骤，主要包括vue-cli3的基本使用、VS Code的插件安装和配置、ESLint和Prettier的安装和配置以及VS Code用户设置的修改。...
vs-code里面 vue代码提示插件
03-14
同时，VS-Code 的生态系统中有许多其他优秀的 Vue 插件，如 Vetur，它提供了完整的 Vue 支持，包括语法高亮、智能感知、格式化等功能，可以与这些代码提示插件结合使用，打造一个高效且个性化的开发环境。
在VS Code上搭建Vue项目教程（Vue-cli 脚手架）
明静致远
07-12 5549
搭建Vue项目使用的是Vue-cli 脚手架。前期环境需要准备就像Java开发要依赖JDK环境一样。
在VS Code上搭建vue项目创建步骤
qq_64511337的博客
06-01 862
注：可能遇到问题，PowerShell用于控制加载配置文件和运行脚本的条件，为了防止恶意脚本的执行，可能遇到无法运行脚本的问题；步骤：win键搜索Power Shell并以管理员身份运行，在输入框输入以下代码Enter，键入Y修改执行策略即可；(*) Linter / Formatter （选择此项）>(*) Lint on save （选择此项）>(*) Vuex （选择此项）(*) Router （选择此项）(*) Babel （选择此项）重新退出软件再次进入。
VSCode创建Vue项目
qq_44664361的博客
03-11 1186
同样也是在vscode终端，输入vue init webpack ZJJJi，意思是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的，ZJJJi 是整个项目文件夹的名称，大家可自行更改。(2) 根据提示，访问http://localhost:8080，会访问到如下界面。（3）查看node.js是否安装成功：打开cmd，输入ndoe -v 和 npm -v 如果显示版本信息，则说明安装成功。下载node.js，按照步骤安装即可，node.js安装完成之后会同步安装npm。
Vs code搭建vue项目
重生之我不会写代码
06-21 2298
一、安装配置nodejs nodejs配置：nodejs安装教程 二、安装配置vscode 去网上下载vscode进行安装 三、安装vuecli 命令窗口或者vscode终端输入命令： npm i -g @vue/cli 或者 cnpm i -g @vue/cli 注意： 如果出现这个，根据给出的路径，把那个文件（vue.ps1）删除就行 四、创建项目 1）创建 1、先创建存放项目的文件夹，我创建的是VscodeProject 2、从这里打开创建的文件夹，或者在终端cd进去 3、创建项目命令：v
VS code上创建Vue项目详细化教程2-配置并创建Vue项目
Charles_Clark的博客
06-06 2838
VS code上创建Vue项目详细化教程2-配置并创建Vue项目
简单上手入门级创建vue项目，vscode打开vue项目，vue使用element-ui组件
weixin_48128217的博客
03-25 2175
如果运行有报错则将 packeage.json下的 "@vue/cli-plugin-eslint": "~5.0.0",删除。等待完成后再次进入创建好的文件vue01，输入npm run serve开始运行。然后cd到vue01目录下npm run serve运行。然后打开 http://localhost:8080/在D盘创建文件vs，在vs下创建vuedemo。输入以上命令进入到vuedemo创建vue01。点击文件，选择打开文件夹，打开刚刚创建的项目。快捷键ctrl+c终止批处理操作。
VSCode 常用插件推荐
全栈程序员小黑的博客
05-03 4153
VS Code提供了非常丰富的插件功能，根据你的需要，安装对应的插件可以大大提高开发效率。适用于 VS Code 的中文（简体）语言包拼写检查器。比如 banana 单词写错成 banane ，会提示你是否修改成 banana ，也可以将 banane 添加至检查器的字典中。
visual studio code创建vue项目
qq_58983013的博客
07-04 3169
3.选择配置：运行上述命令后，Vue CLI会提示你选择一个配置模板。1.安装Vue CLI：首先，确保你已经在计算机上安装了Node.js。然后，在命令行中运行以下命令来全局安装Vue CLI： npm install -g @vue/cli。2.创建新项目：在命令行中，进入你想要创建项目的目录。然后运行以下命令来创建一个新的Vue项目：vue create my-vue-project。在这个命令中，"my-vue-project"是你想要为项目指定的名称，你可以根据自己的需要进行修改。
使用VSCode创建Vue项目
每天不是在写bug就是在写bug的路上
05-12 2329
vue
vs code创建vue项目
06-11
好的，以下是在VS Code中创建Vue项目的步骤： 1. 首先确保你已经安装了Node.js，可以在终端中输入 `node -v` 命令来检查是否已经安装。 2. 安装Vue CLI：在终端中输入以下命令安装Vue CLI： ``` npm install -g...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值