vsCode 创建Vue项目

最新推荐文章于 2024-08-07 16:29:52 发布
最新推荐文章于 2024-08-07 16:29:52 发布
阅读量3.1k 收藏 4
点赞数 3
分类专栏： 前端vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxsz0214/article/details/87868859
版权
本文介绍了如何使用vue-cli快速创建Vue项目。首先确保安装Node.js，接着全局安装vue-cli，然后在指定目录下使用vue init webpack创建项目，回答相关配置问题。最后通过npm run dev启动项目进行开发。参考链接提供了更多详细信息。
摘要由CSDN通过智能技术生成

vue推荐开发环境:

Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言

webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。

vue-cli: 用户生成Vue工程模板

 

步骤：

1.安装Node.js 官网下载，直接安装，安装完可以在命令行里通过node -v测试是否安装正确。

   npm包管理器，是集成在node中的，直接输入 npm -v 查看版本信息

2.安装vue-cli脚手架构建工具

在命令行中运行命令 npm install -g vue-cli ，然后等待安装完成。

npm install -g vue-cli

3.用vue-cli构建项目

   要创建项目，首先我们要选定目录&#x

最低0.47元/天 解锁文章
wtt1002
关注
专栏目录
VSCode创建Vue项目完整教程
weixin_46271689的博客
04-18 4万+
文章目录一、配置环境1.安装VS Code2.安装node.js3.安装配置脚手架vue-cli二、创建vue项目1.命令方式创建2.重新初始化依赖3.启动项目总结 一、配置环境 1.安装VS Code 官网下载 https://code.visualstudio.com/ 下载VS Code，按照步骤安装。 2.安装node.js （1）官网 https://nodejs.org/en/ 下载node.js，按照步骤安装即可，node.js安装完成之后会同步安装npm。 （2）配置环境变量：把node.j
在VS Code上搭建Vue项目教程（Vue-cli 脚手架）
明静致远
07-12 5675
搭建Vue项目使用的是Vue-cli 脚手架。前期环境需要准备就像Java开发要依赖JDK环境一样。
Visual Studio Code搭建VUE开发环境
最新发布
Nicky's blog
08-07 2259
Vue.js 是一款易学易用，性能出色，适用场景丰富的 Web 前端框架。它基于标准 HTML、CSS 和 JavaScript 构建，提供容易上手的 API 和一流的文档
2020-11-20
u014620304的博客
11-20 933
VSCode搭建Vue项目 在vscode上搭建一个vue项目—初学总结。 1.假设Vscode、nodejs等已经安装好了。 2.全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目。 安装命令： npm install -g vue-cli 打开VScode的终端，调出命令输入框。点击终端-新建终端，输入上述命令，回车，等待安装完成。 3.安装webpack，它是打包js的工具 安装命令： npm install -g webpack 安装方法同上。 4.安装完成之后就可以开始创建vu
VsCode创建Vue.js项目
Thinkingcao的专栏
10-11 360
前提 安装node.js和VsCode 步骤 1、在某一目录下创建vue.js项目 命令行：vue init webpack firstvue //firstvue是项目名称 2、进入firstvue的目录下 命令行：cd firstvue 3、在firstvue目录下安装基于淘宝npm镜像 命令行：npm install -g cnpm –registr...
VSCode创建Vue项目
qq_44664361的博客
03-11 1187
同样也是在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。
vscode创建vue项目
05-25
要在VSCode中创建Vue项目，您需要先安装Vue CLI。以下是如何在VSCode中创建Vue项目的步骤： 1. 安装Node.js和npm。您可以从https://nodejs.org/下载并安装它们。 2. 打开终端并运行以下命令来全局安装Vue CLI： `...
vscode 创建vue项目
09-04
你可以按照以下步骤在VSCode中创建一个Vue项目： 1. 确保你已经安装了最新版本的Node.js和npm。 2. 打开VSCode，在终端中输入以下命令来安装Vue CLI（如果你已经安装了Vue CLI，请跳过此步骤）： ``` npm ...
vscode怎么新建vue项目
qq_34959415的博客
05-31 6001
1：确认必要环境已安装 vscode,和nodejs必须安装好 vscode下载地址：https://code.visualstudio.com/Download nodejs下载地址：https://nodejs.org/en/download这里写自定义目录标题) 2：在本地创建一个存放工程的目录 我这里放到d:\usr\myvue 3：使用vscode打开上一步创建的文件夹 4：安装vue-cli vue-cli可以帮助我们快速构建vue项目。 打开终端>新建终端 执行命令：npm ins
使用vscode快速搭建Vue项目步骤
m0_68218656的博客
01-15 1万+
①Win+R指令，打开命令框输入cmd②检查nvm是否安装成功(安装成功会显示对应的版本）nvm -v。
Vscode创建vue项目的详细步骤
快乐学习
02-21 1万+
后端人员想在IDEA里面创建一个Vue的项目，但是这非常麻烦，用vscode这个前端专用软件创建就会非常快速。快捷键打开终端，然后把上面复制的代码复制进去回车。然后定义项目的名字。接下来的就都一直按回车键确定就好了。点击这个或者复制去浏览器打开，就可以跳转到vue的界面了。把这个文件夹手动拉到vscode软件里面并勾选信任。去到vue的官网---快速上手，把这行代码复制下来。底部会出现3行提示，跟着它敲然后回车就好了。新建一个存放vue项目的文件夹。
在vscode中创建vue项目
热门推荐
someday____的博客
09-01 1万+
昨天对一次成功用新电脑在vscode上跑成功项目工程里的vue项目，今天目标是自己用vscode新建一个vue项目。第三步：在下面步骤中，一些需要填写或选择的选项，我都直接Enter了，一些需要安装的我都直接No了。第一步：打开vscode, 选择 文件 >> 打开文件夹 选择要创建项目的文件目录。第五步：在浏览器输入http://localhost:8080就可以打开项目了。，其中projectName可以自行修改。第四步：按照上图提示进入到项目目录并运行项目。...
VS code上创建Vue项目详细化教程2-配置并创建Vue项目
Charles_Clark的博客
06-06 2872
VS code上创建Vue项目详细化教程2-配置并创建Vue项目
VSCode 常用插件推荐
全栈程序员小黑的博客
05-03 4158
VS Code提供了非常丰富的插件功能，根据你的需要，安装对应的插件可以大大提高开发效率。适用于 VS Code 的中文（简体）语言包拼写检查器。比如 banana 单词写错成 banane ，会提示你是否修改成 banana ，也可以将 banane 添加至检查器的字典中。
使用VSCode快速创建一个Vue项目
weixin_59230783的博客
03-28 3896
简简单单使用VSCode创建一个Vue项目
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..
Vs code搭建vue项目
重生之我不会写代码
06-21 2299
一、安装配置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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值