pycharm创建vue文件

1.首先安装Node.js

1、官网：https://nodejs.org/zh-cn/
2、点击next，傻瓜式安装
3、打开cmd，

检查一下，出现以上的版本号表示正常（第一个是八以上的就可以，第二个是6以上的就可以）

如果这一步出错，可能是环境没有配置好，去配置一下环境

2.使用淘宝NPM 镜像

在cmd中输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用cnpm 命令来安装模块了。

3.项目初始化

1.第一步：继续在cmd中安装vue-cli

cnpm install vue-cli -g

这个表示全局安装 vue-cli

2.打开pycharm

这个第三个框框如果后面没有出现版本号，就点后面三个点，找到vue-cil ，
找不到的
npm list -g --depth 0
使用npm root -g查询npm全局安装的路径
执行一下这些命令，看一下能不能找到，或者看一下这篇博文
如果是新的pycharm中，可以下拉，有一个4.4.6的，这是pycharm给你提供的

如果第二步报错，创建项目的时候没有出现vue.js

请看这篇博客pycharm中新建Vue项目时没有Vue.js的解决办法

如果说还没好，pycharm里面搜索不到。那就手动下载一个
在pycharm中直接导入
接着上面的第二步，

3、创建项目之后

情况一

新的pycharm会直接跳转到pycharm页面，会自己下载一些东西，那些都是项目的配置，让他下载，下载完成之后，注意，在文件夹中找到项目的位置，然后打开cmd，输入 cnpm start 或者 cnpm run dev运行 注意新版的pycharm运行命令是npm run serve
注意在cmd中运行

情况二

项目创建完成之后会出现这个界面












到这一步之后，同样也在本地的文件夹中找到项目的位置，然后打开cmd，先输入命令cnpm install
他就是为了创建node_modules文件夹

输入cnpm start 或者 cnpm run dev 注意新版的pycharm运行命令是npm run serve

出现下面这个图片，就说明好了