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新手在作用域方面经常容易碰到的问题
Apr 03 Python
Queue 实现生产者消费者模型(实例讲解)
Nov 13 Python
一份python入门应该看的学习资料
Apr 11 Python
python实现requests发送/上传多个文件的示例
Jun 04 Python
详解Python 调用C# dll库最简方法
Jun 20 Python
在python中,使用scatter绘制散点图的实例
Jul 03 Python
Python爬虫学习之获取指定网页源码
Jul 30 Python
Python检查图片是否损坏及图片类型是否正确过程详解
Sep 30 Python
Django通过dwebsocket实现websocket的例子
Nov 15 Python
pytorch 改变tensor尺寸的实现
Jan 03 Python
python实现ssh及sftp功能(实例代码)
Mar 16 Python
Python中的 enumerate和zip详情
May 30 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
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
php 网上商城促销设计实例代码
2012/02/17 PHP
使用PHP实现微信摇一摇周边红包
2016/01/04 PHP
ThinkPHP中where()使用方法详解
2016/04/19 PHP
php车辆违章查询数据示例
2016/10/14 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
js 获取服务器控件值的代码
2010/03/05 Javascript
JQuery实现的在新窗口打开链接的方法小结
2010/04/22 Javascript
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
JavaScript 32位整型无符号操作示例
2013/12/08 Javascript
AngularJs 国际化(I18n/L10n)详解
2016/09/01 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
Vue中通过Vue.extend动态创建实例的方法
2019/08/13 Javascript
js编写简易的计算器
2020/07/29 Javascript
python 删除指定时间间隔之前的文件实例
2018/04/24 Python
浅谈python的深浅拷贝以及fromkeys的用法
2019/03/08 Python
在pyqt5中QLineEdit里面的内容回车发送的实例
2019/06/21 Python
Django stark组件使用及原理详解
2019/08/22 Python
python扫描线填充算法详解
2020/02/19 Python
python进度条显示之tqmd模块
2020/08/22 Python
html5 canvas绘制网络字体的常用方法
2019/08/26 HTML / CSS
澳大利亚儿童精品仓库:Goo & Co.
2019/06/20 全球购物
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
语文教育专业推荐信范文
2013/11/25 职场文书
天鹅的故事教学反思
2014/02/04 职场文书
小学生竞选班干部演讲稿
2014/04/24 职场文书
和睦家庭事迹
2014/05/14 职场文书
小学兴趣小组活动总结
2014/07/07 职场文书
罚站检讨书
2015/01/29 职场文书
MySQL RC事务隔离的实现
2022/03/31 MySQL