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 相关文章推荐
通过数据库向Django模型添加字段的示例
Jul 21 Python
python使用scrapy发送post请求的坑
Sep 04 Python
python复制列表时[:]和[::]之间有什么区别
Oct 16 Python
浅析PEP572: 海象运算符
Oct 15 Python
在django-xadmin中APScheduler的启动初始化实例
Nov 15 Python
Pyinstaller加密打包应用的示例代码
Jun 11 Python
Python 连接 MySQL 的几种方法
Sep 09 Python
python实现简单遗传算法
Sep 18 Python
Python实现哲学家就餐问题实例代码
Nov 09 Python
Django项目如何正确配置日志(logging)
Apr 29 Python
详解Python中__new__方法的作用
Mar 31 Python
python如何为list实现find方法
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 会话(session 时间设定)使用入门代码
2008/06/05 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
任意位置显示html菜单
2007/02/01 Javascript
JS定义类的六种方式详解
2016/05/12 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
2016/12/08 Javascript
关于Ajax的原理以及代码封装详解
2017/09/08 Javascript
微信小程序之裁剪图片成圆形的实现代码
2018/10/11 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
2019/09/21 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
2019/09/24 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
Python学习笔记之常用函数及说明
2014/05/23 Python
pygame实现弹力球及其变速效果
2017/07/03 Python
python使用PyCharm进行远程开发和调试
2017/11/02 Python
对pandas中to_dict的用法详解
2018/06/05 Python
详解Python字典小结
2018/10/20 Python
使用urllib库的urlretrieve()方法下载网络文件到本地的方法
2018/12/19 Python
Python2和3字符编码的区别知识点整理
2019/08/08 Python
一行python实现树形结构的方法
2019/08/09 Python
python函数的作用域及关键字详解
2019/08/20 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
python获取系统内存占用信息的实例方法
2020/07/17 Python
Python创建自己的加密货币的示例
2021/03/01 Python
如何获得EntityManager
2014/02/09 面试题
一名毕业生的自我鉴定
2013/12/04 职场文书
一句话工作感言
2014/03/01 职场文书
个人委托书怎么写
2014/04/04 职场文书
小摄影师教学反思
2014/04/27 职场文书
监督检查工作方案
2014/05/28 职场文书
委托书格式
2014/08/01 职场文书
搞笑结婚保证书
2015/05/08 职场文书
湘江北去观后感
2015/06/15 职场文书
初三英语教学反思
2016/02/15 职场文书
2019年工作总结范文
2019/05/21 职场文书
人生感悟经典句子
2019/08/20 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书