DDR爱好者之家 Design By 杰米

1.首先安装Node.js

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

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

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

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

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

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

2.使用淘宝NPM镜像

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

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

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

3.项目初始化

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

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

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

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

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

(如果没有Vue.js)解决方法

1.进入settings

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

2.设置JavaScrip

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

3.选择Plugins

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项目的方法步骤(图文)

点击next

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

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

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

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

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

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

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

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

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

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

点击OK

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

在新界面中点击Terminal

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

在其中输入cnpm install 回车等待安装

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

安装结束后(可能会卡住,关闭重启就可以)然后再继续输入cnpm start 或者 cnpm run dev 然后弹出网址在浏览器中输入即可

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

进度完成

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

浏览器输入网址,安装成功

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

DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米