VS Code上搭建VUE开发环境

已于 2023-02-17 09:05:50 修改
阅读量444 收藏 1
点赞数
分类专栏： VUE 文章标签： vscode vue Powered by 金山文档
于 2023-02-15 19:29:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/changhuaiyou/article/details/129049183
版权
本文指导如何在VS Code上搭建Vue开发环境，包括安装node.js、npm、cnpm，设置PowerShell执行策略，安装vue cli，创建并运行Vue项目，最后在VS Code中新建并编辑index.html文件，引入vue3。
摘要由CSDN通过智能技术生成

主要需要进行六步操作：

下载安装node.js

安装npm

安装cnpm

安装vue cli

创建项目

运行vue项目

  1. 下载安装node.js

//安装完成后，打开vs code -- 打开终端，在终端输入以下命令行，检查node.js是否安装成功
node -v

  1. 安装npm

//因为node.js上自带了npm包可以使用，所以这里不需要再额外下载,直接用以下命令行检查是否安装成功
npm -v
最低0.47元/天 解锁文章
常怀百岁忧
关注
专栏目录
使用 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 根...
Visual Studio Code搭建VUE开发环境
Nicky's blog
08-07 2183
Vue.js 是一款易学易用，性能出色，适用场景丰富的 Web 前端框架。它基于标准 HTML、CSS 和 JavaScript 构建，提供容易上手的 API 和一流的文档
使用VsCode搭建Vue开发环境
见证自己学习,成长的记录
09-13 1万+
新建文件夹和文件 工作目录叫vue-basic,里面创建一个文件夹叫01-初识vue,然后创建个html文件叫初始vue.html。F12查看控制台 发现多了两个关于vue的提示,就说明引入vue成功了，这两个小提示后面我们会进行关闭，不然开着不舒服。通过官网介绍我们知道，vue是默认开启生产提示的，我们可以修改这个属性为false，这样就能关闭提示。然后我们把控制台的提示进行清除，首先清除第一个，需要去谷歌应用商城安装vue开发者工具。可以发现，不仅名称有区别，大小也是有区别的，开发版本比生产版本大。
VSCode 搭建Vue开发环境Vue CLI以及创建项目测试（一看就懂）
chenggong9527的博客
07-17 541
一、简介说明 1.关于VS Code开发工具，安装和配置，更多可以参考以前文章 2.关于Vue.js，Vue是一个优秀的渐进式前端框架，不仅易于上手，还便于与第三方库或既有项目整合。 3.关于Vue是使用方式有两种，第一种、最简单方式和以前使用jquery框架似的引入Vue，直接编写使用；第二种，使用Vue 官方提供的 Vue CLI搭建开发环境。 4、关于 Vue CLI CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的vue命令。它可以通过vue create...
用VSCode搭建Vue.js开发环境及Vue.js第一个应用
m0_61961937的博客
02-16 1万+
用VSCode搭建Vue.js开发环境及Vue.js第一个应用
用vscode搭建vue开发环境
沧海一粟
08-17 431
前段时间，研究vue,网上搜了哈环境搭建但步骤不是很齐，现在记录下；根据步骤百度最终安装开发环境 1、安装node.js 2、安装淘宝镜像 3、通过淘宝镜像安装vue脚手架 4、通过vue初始化项目 5、安装项目依赖 npm install 6、运行项目npm run dev ...
Visual Studio Code搭建VUE开发环境.pdf
08-07
Vue.js 是一款易学易用，性能出色，适用场景丰富的 Web 前端框架。它基于标准 HTML、CSS 和 JavaScript 构建，提供容易上手的 API 和一流的文档。可以用来开启PC网页、移动端网页页面、小程序等等
VSCode搭建Vue Element Admin的项目环境
04-11
### VSCode搭建Vue Element Admin的项目环境 #### 版本说明 - **Node**: v18.20.2 - **NPM**: 10.5.0 - **Git**: 2.19.1 - **Vue Element Admin**: [官网链接]...
VSCode上搭建vue开发环境
最新发布
09-07
以下是在VSCode上搭建Vue开发环境的基本步骤： 1. 安装Node.js和npm： 首先，你需要在你的计算机上安装Node.js。安装Node.js会同时安装npm（Node.js的包管理器），npm是Vue CLI等工具的运行基础。 2. 安装Vue CLI...
vscode构建vue开发环境
qq_35545811的博客
04-12 823
vscode构建vue开发环境
在VScode搭建Vue环境
有朋自远方来，不亦乐乎。
05-21 7925
目录 参考文章 0、下载vscode 1、下载nodejs 2、nodejs环境配置 参考文章 (3条消息) 2020-11-20_happyinsource的博客-CSDN博客 0、下载vscode (5条消息) VSCode安装教程（超详细）_牛哄哄的柯南的博客-CSDN博客_vscode安装教程 1、下载nodejs 下载 | Node.js 中文网 安装教程 (3条消息) node.js安装及环境配置超详细教程【Windows系统安装包方式】_明金同学的博客-CSDN博.
VSCode中配置Vue开发环境
lbf198303的博客
06-17 1230
【代码】VSCode中配置Vue开发环境。
在VS code上运行Vue项目的环境搭建
qq_27474555的博客
08-04 824
在命令行输入：npm install -g cnpm --registry=https://registry.npmmirror.com。譬如下载的文件为node-v18.17.0-x64.exe,双击安装；下载地址https://nodejs.cn/download/在终端输入node -v,检查node是否安装成功。在终端输入npm -v，检查npm是否安装成功；输入cnpm -v检验是否安装成功。6、在VS code上打开vue项目。4、安装vue/cli脚手架。2、检查是否安装成功。
vue系列——vscode,node.js vue开发环境搭建
qq_43886548的博客
03-01 3510
至于安装，同样打开插件扩展窗口输入eslint点击安装插件，装好后也需要进行配置，在同vetur插件一样的地方进行配置。default([Vue 2] babel, eslint)：默认勾选 babel、eslint，回车之后直接使用vue2装包。default([Vue 3] babel, eslint)：默认勾选 babel、eslint，回车之后直接使用vue2装包。该插件是vue文件基本语法的高亮插件，在插件窗口中（快捷键是ctrl+shift+x）输入vetur点击安装插件就行。
VSCode搭建VUE 开发环境
热门推荐
阿彬的专栏
03-26 3万+
1，下载Node.js,去官网https://nodejs.org/en/download/下载 选择Windows Installer (.msi)64位版本 二、安装Node.js 双击下载文件，选择安装路径，安装。 安装完后在cmd中执行 node -v 查看版本 安装完后在cmd中执行 nmp -v 显示如下即表示Node.js安装成功。 三、配置npm的全局模...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值