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


Posted in Python onMarch 04, 2020

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

到此这篇关于pycharm新建Vue项目的方法步骤的文章就介绍到这了,更多相关pycharm新建Vue项目内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Python 相关文章推荐
Python实现网站文件的全备份和差异备份
Nov 30 Python
Python中类型检查的详细介绍
Feb 13 Python
python+pillow绘制矩阵盖尔圆简单实例
Jan 16 Python
将字典转换为DataFrame并进行频次统计的方法
Apr 08 Python
详解python3中tkinter知识点
Jun 21 Python
python3使用QQ邮箱发送邮件
May 20 Python
django foreignkey外键使用的例子 相当于left join
Aug 06 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
Aug 06 Python
python学生信息管理系统实现代码
Dec 17 Python
Python如何使用27行代码绘制星星图
Jul 20 Python
python Tkinter的简单入门教程
Apr 11 Python
浅谈Python中的函数(def)及参数传递操作
May 25 Python
使用Python发现隐藏的wifi
Mar 04 #Python
PyCharm GUI界面开发和exe文件生成的实现
Mar 04 #Python
python实现井字棋小游戏
Mar 04 #Python
python tkinter 设置窗口大小不可缩放实例
Mar 04 #Python
Python tkinter 下拉日历控件代码
Mar 04 #Python
Python Tkinter Entry和Text的添加与使用详解
Mar 04 #Python
Python列表倒序输出及其效率详解
Mar 04 #Python
You might like
如何提高MYSQL数据库的查询统计速度 select 索引应用
2007/04/11 PHP
php递归创建目录的方法
2015/02/02 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
Laravel框架搜索分页功能示例
2019/02/01 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
jQuery ajax cache缓存问题
2010/07/01 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
javascript随机将第一个dom中的图片添加到第二个div中示例
2013/10/08 Javascript
js获取当前月的第一天和最后一天的小例子
2013/11/18 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
IE8中使用javascript动态加载CSS的解决方法
2014/06/17 Javascript
JS逆序遍历实现代码
2014/12/02 Javascript
jQuery及JS实现循环中暂停的方法
2015/02/02 Javascript
详解javascript遍历方式
2015/11/11 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
原生js实现旋转木马轮播图效果
2017/02/27 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
对Vue table 动态表格td可编辑的方法详解
2018/08/28 Javascript
详解使用angular框架离线你的应用(pwa指南)
2019/01/31 Javascript
vue+Element-ui实现分页效果
2020/11/15 Javascript
跟老齐学Python之dict()的操作方法
2014/09/24 Python
Python加载带有注释的Json文件实例
2018/05/23 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
大专学生推荐信范文
2013/11/19 职场文书
装饰工程师岗位职责
2014/06/08 职场文书
拾金不昧锦旗标语
2014/06/27 职场文书
网站文案策划岗位职责
2015/04/14 职场文书
小学生必读成语故事大全:送给暑假的你们
2019/07/09 职场文书
教你快速开启Apache SkyWalking的自监控
2021/04/25 Servers