vscode里面安装vue安装教程？

茫然知了 • 2023-09-23 13:38 • 生活指南 • 阅读 70

VsCode中关于Vue的插件安装

1、安装上述插件，然后将下面的配置拷贝到设置中。

2、确保你已经安装了Vetur插件。这是一个很受欢迎的Vue开发插件，可以支持Vue语法高亮、智能提示、代码补全等功能。在VSCode中，点击左侧的插件图标，搜索“Vetur”，然后安装它。

3、安装VUE的方法有两种：第一种方法：需正常打开chrome商店，搜索vuejs devtools 安装。chrome：//extensions/ 开发者工具-扩展程序下启用；第二种方法：github下载插件，npm包安装依赖，拖入浏览器扩展程序。

4、解决方案一：在插件市场中安装Path Intellisense插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：解决方案二：在插件市场中安装Path Autocomplete插件并启用。

5、于是又加了个类型限制 app： any ，是能通了但是，控制台有许多警告信息，揪心。

6、VSCode 默认支持大量的主流编程语言，但如果你所使用的编程语言不包括在内，也可以通过下载扩展包来自动添加。同时，你还可以添加一些像 React Native 与 Vue 的相关 Web 开发插件包。

关于vue的安装

1、先要全局安装vue-cli，可以使用下列任一命令安装这个新的包：你还可以用这个命令来检查其版本是否正确 (x)：官方文档已经安装最新版本的vue-cli，我很推荐这个图形化界面，非常方便。

2、vue运行环境依赖x-editable，所以首先安装x-editable环境，可从官网下载安装。安装一直下一步最后选择安装目录。安装完成查看x-editable安装是否正常，win+r输入cmd运行：node-v和npm-v。

3、终端输入：npm install -g cnpm --registry=https：//registry.npm.taobao.org 安装webpack cnpm install webpack -g 安装vue脚手架（自动搭建vue项目框架的工具）sudo npm install -g vue-cli。静待。

4、安装cnpm 在命令行中输入 npm install -g cnpm --registry=http：//registry.npm.taobao.org 然后等待下载，大概2分钟。安装vue-cli脚手架构建工具在命令行中运行命令 npm install -g vue-cli ，然后等待安装完成。

5、Vue cli安装 npm install -g @vue/cli 安装之后，运行vue指令，遇到以下问题：由于公司内网执行策略限制，会禁止运行vue指令。解决方案及步骤如下：第一步：执行Set-ExecutionPolicy RemoteSigned更改执行策略。