PyCharm安装Vue教程

VUE.JS  需要 Node.js 和 npm作为运行环境,

1、首先：下载node.js

2、其次：在终端 CMD 进行测试：看到版本号，表示成功

3、再安装VUE工具，如显示一些包已过期

npm install -g @vue/cli

4、更新包： 

npm update

 5、打开pycharm，(在 PyCharm 中安装 Vue.js 插件)

        打开 PyCharm，进入 File > Settings在左侧导航栏选择插件，在搜索框中输入Vue.js，找到插件点击Install

 6、安装完成后重启 PyCharm 再次点击设置中的语言和框架点击IavaScript 选择ECMAScript 6+，点击确定

 7、点击文件→新建项目

 8、提示安装依赖

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

npm install -g @vue/cli

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

npm install vue@latest

11、查看版本信息  vue --version 再次安装 npm install @vue/cli-service

12、修改项目的：

 13、再输入命令，运行项目：npm run serve

 

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

 15、创建一个项目 在终端输入，会转到浏览器

 

 

 

 

创建项目，完成新项目创建。