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 Requests安装与简单运用
Apr 07 Python
使用python实现生成用户信息
Mar 20 Python
python利用标准库如何获取本地IP示例详解
Nov 01 Python
python使用openpyxl库修改excel表格数据方法
May 03 Python
Caffe均值文件mean.binaryproto转mean.npy的方法
Jul 09 Python
python实现最小二乘法线性拟合
Jul 19 Python
pyenv虚拟环境管理python多版本和软件库的方法
Dec 26 Python
jupyter notebook读取/导出文件/图片实例
Apr 16 Python
Python使用Paramiko控制liunx第三方库
May 20 Python
python用tkinter实现一个简易能进行随机点名的界面
Sep 27 Python
PyTorch中的拷贝与就地操作详解
Dec 09 Python
python实现b站直播自动发送弹幕功能
Feb 20 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 编写的 25个游戏脚本
2009/05/11 PHP
sphinx增量索引的一个问题
2011/06/14 PHP
php模拟socket一次连接,多次发送数据的实现代码
2011/07/26 PHP
wamp下修改mysql访问密码的解决方法
2013/05/07 PHP
ThinkPHP行为扩展Behavior应用实例详解
2014/07/22 PHP
php post大量数据时发现数据丢失问题解决方法
2015/06/20 PHP
PHP网站建设的流程与步骤分享
2015/09/25 PHP
yii使用bootstrap分页样式的实例
2017/01/17 PHP
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
PHP 与 js的通信(via ajax,json)
2010/11/16 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
2014/04/11 Javascript
js判断元素是否隐藏的方法
2014/06/09 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
聊一聊JS中this的指向问题
2016/06/17 Javascript
浅谈js构造函数的方法与原型prototype
2016/07/04 Javascript
JavaScript变量作用域_动力节点Java学院整理
2017/06/27 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
2019/05/29 Javascript
python Django模板的使用方法(图文)
2013/11/04 Python
Python3中的真除和Floor除法用法分析
2016/03/16 Python
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
Python 通过requests实现腾讯新闻抓取爬虫的方法
2019/02/22 Python
python要安装在哪个盘
2020/06/15 Python
Cpython解释器中的GIL全局解释器锁
2020/11/09 Python
全球领先美式家具品牌:Ashley爱室丽家居
2017/08/07 全球购物
美国环保妈妈、儿童和婴儿用品购物网站:The Tot
2019/11/24 全球购物
销售行政专员职责
2014/01/03 职场文书
修理厂厂长岗位职责
2014/01/30 职场文书
平面设计求职信
2014/03/10 职场文书
幼儿评语大全
2014/04/30 职场文书
汽车广告策划方案
2014/05/31 职场文书
2014年新教师工作总结
2014/11/08 职场文书
2015年度销售个人工作总结
2015/03/31 职场文书
经典人生语录分享:不畏将来,不念过去,笑对当下
2019/12/12 职场文书
浅析MongoDB之安全认证
2021/06/26 MongoDB