PyCharm安装Vue教程

(Vue.js 需要 Node.js 和 npm作为运行环境)

1. 访问官网安装 Node.js 和 npm(Node.js — Download Node.js®)下载并安装最新 LTS 版本（安装这个里面包含了 npm）

​

打开下载的文件，双击后缀.msi文件（不用自己配置环境）

​

​

在这里改变一下文件路径，建议安装在C盘以外的

​

再次点击Next

这个界面中的不建议勾选，会下载很多附件

​

再点击Install，安装即可

打开终端CMD输入以下命令验证是否安装成功：

node -v # 查看 Node.js 版本

npm -v # 查看 npm 版本

 ​

看到版本信息则安装成功

再输入这个命令等待安装工具

npm install -g @vue/cli

 显示一些包已经废弃

用命令更新一下

npm update

​

打开pycharm，(在 PyCharm 中安装 Vue.js 插件)
1. 打开 PyCharm，进入 File > Settings在左侧导航栏选择 ugins

​

2. 在搜索框中输入Vue.js，找到插件点击Install

​

3. 安装完成后重启 PyCharm

再次点击设置中的语言和框架点击IavaScript

选择ECMAScript 6+，点击确定

​

点击文件→新建项目

​

提示安装依赖

​

点击运行

再pycharm终端输入下面命令，全局安装 Vue 命令行工具

npm install -g @vue/cli

 等第一个安装好，再次输入下面的命令安装最新版本的Vue

npm install vue@latest

查看版本信息 

vue --version

再次安装

npm install @vue/cli-service

再输入命令，运行项目

npm run serve

看到生成了URL，点击，看到这个页面就完成了pycharm中安装Vue

创建一个项目

在终端输入，会转到浏览器

vue ui

创建项目即可