使用vscode学习vue（1）——下载vue并创建第一个项目

最新推荐文章于 2025-05-21 15:41:02 发布

hhdeww

最新推荐文章于 2025-05-21 15:41:02 发布

阅读量351

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_36643221/article/details/107607423

本文详细介绍如何使用vscode和命令行工具安装Vue，包括解决初始化项目过程中遇到的问题，以及通过管理员权限运行powershell设置执行策略，最终成功创建并运行Vue项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.由于我之前写前端代码是使用vscode，因此使用vue就直接进行命令行安装
输入命令npm install vue -g和命令npm install vue-cli -g
2.创建vue项目
运行命令 vue init webpack vue_execise

在执行这个命令的时候我遇到了一个问题
$直接报错了：无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统中禁止执行脚本$

解决方案：
1.用管理员身份运行powershell
2.输入命令：set-ExecutionPolicy RemoteSigned
3.输入A
4.输入vue -V（注意此处的V是大写）

3.重新输入vue init webpack vue_execise
出现两行命令行 cd vue_execise
npm run dev

4.运行命令行，创建成功，打开http://localhost:8080，成功出现界面

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hhdeww

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

巧用 VSCode 开启 Vue 开发之旅

Smell_of_earth的博客

03-20

1506

Vue以简洁高效受前端开发者喜爱，VS Code功能强大。借助VS Code开发Vue，从环境搭建到项目创建、运行，能极大提升开发效率，开启高效开发之旅。

创建用户代码片段——vue [vscode]

zz__12345的博客

12-04

677

智者见智

参与评论您还未登录，请先登录后发表或查看评论

vscode学习vue（一）

Havanao的博客

08-11

238

这里写自定义目录标题文件名.vue里的内容： template、div、script以及style分别应该写什么内容 <template> <div class='hi' @click="showMessage('tom')"> {{message}} <div v-if="age < 18"> 你未成年 </div> <div v-else-if="age < 21"> 你成年了 </div>

VSCode详细安装教程+搭建Vue开发环境

wcy01的博客

05-21

3089

因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便日后管理，所以我配置自定义的全局模块安装目录，在node.js安装目录下新建两个文件夹 node_global和node_cache。在扩展市场中搜索“ESLint”，然后点击“安装”。通过以上方法，你可以根据自己的需要选择安装 cnpm 或者仅仅修改 npm 的配置，解决国内访问 npm 慢的问题。

学习Vue之VSCode学习

weixin_43288858的博客

03-17

519

Visual Studio Code介绍 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源跨平台的现代化轻量级代码编辑器，支持语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux，运行流畅，可谓是微软的良心之作…… 在 Buil...

vue学习新手入门 ——VScode开发第一个vue项目

啊哈嗯嗯的博客

05-13

5495

vue前端框架使用越来越多，而vscode作为前端开发IDE环境也使用越来越普遍，本文结合vscode介绍vue开发第一个vue项目。开发vue需要依赖于nodejs，本博客有介绍nodejs的安装，本文就不再做介绍。一、安装vue及依赖执行npm命令安装webpack npm install webpack -g 再安装vue npm install vue vue-cli -g 二、创建vue项目创建vue项目必须能够访问互联网，因为创建vue项目的过程中需要下载vue的模板。 vue init

VSCODE中使用Vue3教程

weixin_44741835的博客

02-22

8186

andand。

uni-app项目 - 第二集首页全局样式+轮播图练习 (vscode+vue3+ts 附代码)

最新发布

05-24

本篇文章将详细介绍uni-app项目开发中的一个实践——“第二集首页全局样式+轮播图练习”，并结合具体代码示例，探讨如何在使用Visual Studio Code (VSCode)编辑器、Vue 3框架和TypeScript语言的环境下，实现首页的...

Vue预习课2：Hello World 第一个程序

05-08

在这里，我们创建了一个带有ID“app”的`<div>`元素，用于挂载Vue实例。双大括号`{{title}}`是Vue的插值语法，它会显示绑定到Vue实例`data`属性中的`title`值。接着，我们创建Vue实例，将它与HTML中的`#app`元素...

Vue-devTools安装—创建项目方法2 ui创建——Vue指令综合案例——汽车品牌管理

Siobhan_Mxin的博客

09-06

1059

vue-devTools安装； vue新建项目：vue ui方式 bootstrap插件安装及使用； vue实现汽车品牌增、删、查操作； vscode代码保存自动格式化设置

尚硅谷Vue3入门到实战 —— 01 创建 VUe3工程

然后就去远行

12-28

1187

可以看到 webpack 主要耗时在 route 分析和 module 分析，如果我们项目的路由和模块特别多，使用 webPack 构建会非常慢；第二个图是 vite 的构建流程，一开始就提示用户服务准备完毕，然后根据用户当前想跳转的 route 和 module 进行动态构建，用户当前没有观看的 route 和 module 不会马上构建（webPack 中是全部 route 和 module 构建完毕之后才提示 server ready），所以说 vite 可以实现极速的服务启动；

VSCode的Vue工具

08-12

语法加亮片段 Emmet Linting /错误检查格式化自动完成调试

用vscode开发vue应用的方法步骤

10-17

主要介绍了用vscode开发vue应用的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

vsCode插件

10-23

vsCode常用插件整合，主要是针对vue的环境，包括vscode-icon，vetur ，VueHelper 等

vue知乎项目vue练习

06-06

适合初步学习vue的技术里面有代码包括路由ajax还有vuex

vue+vscode工具零基础入门学习

过于丰富，无法简介

06-23

1435

编辑工具：VS code或者notepad都是不错的选择，开源并且社区活跃度不错，选他没错直接搜索对应关键词即可下载官方版本，免费使用贴一下网址：vscode工具的下载链接 vscode下载和安装工具教程：vscode 下载vue源码：vue下载网址楼主使用的是引入的方式，先点击开发版本，然后将里面的内容复制Ctrl+A 然后Ctrl+c ，再创建vue.js文件粘贴过去即可； ...

2024从零开始使用VSCode编程之“Vue2（Vue.js）”

ssrsrrn的博客

07-31

2520

是一个流行的前端框架基于Javascript，用于构建用户界面和单页应用程序（SPA）尽管vue2已经停止了更新维护，但相对的他算是一个成熟的框架，而且相较于vue3简单易上手，前期建议通过vue2来了解vue的模式，后期在转入Vue3的时候也会更加丝滑易上手Vue 2 的响应式系统是vue中最基础和核心的特性之一，它通过数据劫持和发布-订阅模式实现，使得数据的变化能够自动更新视图。组件是 Vue 应用的基本构建模块。组件化开发使得应用结构更清晰，代码更容易维护和重用。

vscode 终端下载vue

weixin_34072637的博客

06-10

1059

npm i -s vue 转载于:https://www.cnblogs.com/xiannv/p/10995836.html

vscode vue项目

03-27

为了能够在 VSCode 中顺利调试 Vue 项目，需要完成以下几个方面的配置： 1. **安装必要的扩展** 安装官方推荐的 JavaScript 和 TypeScript 扩展包以及 Vetur 或者 Volar 插件来支持 Vue 文件语法高亮和智能提示...