pycharm新建Vue项目的方法步骤(图文)

  

  

官网:https://nodejs.org/zh-cn/

  

1)根据自己电脑型号下载好

  

 pycharm新建Vue项目的方法步骤(图文)

  

2)点击安装,傻瓜式一步一步最后完成安装

  

3)打开CMD,检查是否正常,如果显示了如下则安装正常

  

 pycharm新建Vue项目的方法步骤(图文)

  

  

大家都知道国内直接使用npm的官方镜像是非常慢的,这里推荐使用淘宝npm镜像。

        npm安装- g cnpm——注册表=https://registry.npm.taobao.org   之前      

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

  

  

1。第一步:安装vue-cli,在命令提示符中输入

        cnpm安装vue-cli - g//全局安装vue-cli      

2。打开pycharm,具体安装步骤如下图所示

  

 pycharm新建Vue项目的方法步骤(图文)

  

 pycharm新建Vue项目的方法步骤(图文)

  

  

1。进入设置

  

 pycharm新建Vue项目的方法步骤(图文)

  

2。设置JavaScrip

  

 pycharm新建Vue项目的方法步骤(图文)

  

3。选择插件

  

 pycharm新建Vue项目的方法步骤(图文)

  

4。安装Vue.js

  

 pycharm新建Vue项目的方法步骤(图文)

  

5。安装完毕后点击重启

  

 pycharm新建Vue项目的方法步骤(图文)

  

6。确认确保Vue.js是被勾选了

  

 pycharm新建Vue项目的方法步骤(图文)

  

7。重启

  

 pycharm新建Vue项目的方法步骤(图文)

  

8。配置结束就可以看到有Vue.js了

  

 pycharm新建Vue项目的方法步骤(图文)

  

等待加载完毕

  

 pycharm新建Vue项目的方法步骤(图文)

  

点击下   

 pycharm新建Vue项目的方法步骤(图文)

  

 pycharm新建Vue项目的方法步骤(图文)

  

 pycharm新建Vue项目的方法步骤(图文)

  

 pycharm新建Vue项目的方法步骤(图文)

  

 pycharm新建Vue项目的方法步骤(图文)

  

 pycharm新建Vue项目的方法步骤(图文)

  

 pycharm新建Vue项目的方法步骤(图文)

  

 pycharm新建Vue项目的方法步骤(图文)

  

 pycharm新建Vue项目的方法步骤(图文)

  

 pycharm新建Vue项目的方法步骤(图文)

  

点击好   

 pycharm新建Vue项目的方法步骤(图文)

  

在新界面中点击终端

pycharm新建Vue项目的方法步骤(图文)