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批量导入xml数据
Oct 16 Python
Python使用pickle模块存储数据报错解决示例代码
Jan 26 Python
selenium+python实现自动化登录的方法
Sep 04 Python
对numpy中二进制格式的数据存储与读取方法详解
Nov 01 Python
Python分析彩票记录并预测中奖号码过程详解
Jul 09 Python
Python3之字节串bytes与字节数组bytearray的使用详解
Aug 27 Python
python使用配置文件过程详解
Dec 28 Python
pycharm激活码有效到2020年11月底
Sep 18 Python
在python中使用pyspark读写Hive数据操作
Jun 06 Python
在Keras中CNN联合LSTM进行分类实例
Jun 29 Python
python保存图片的四个常用方法
Feb 28 Python
Python实战实现爬取天气数据并完成可视化分析详解
Jun 16 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
DC《小丑》11项提名领跑奥斯卡 Netflix成第92届奥斯卡提名最大赢家
2020/04/09 欧美动漫
一个好用的分页函数
2006/11/16 PHP
php读取xml实例代码
2010/01/28 PHP
[原创]CI(CodeIgniter)简单统计访问人数实现方法
2016/01/19 PHP
Javascript 类与静态类的实现
2010/04/01 Javascript
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
js中eval详解
2012/03/30 Javascript
js作用域及作用域链概念理解及使用
2013/04/15 Javascript
document节点对象的获取方式示例介绍
2013/12/24 Javascript
js实现不提交表单获取单选按钮值的方法
2015/08/21 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
2016/07/01 Javascript
javascript this详细介绍
2016/09/19 Javascript
浅谈JS中String()与 .toString()的区别
2016/10/20 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
nodejs入门教程一:概念与用法简介
2017/04/24 NodeJs
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
2018/08/14 Javascript
在小程序开发中使用npm的方法
2018/10/17 Javascript
tracking.js页面人脸识别插件使用方法
2020/04/16 Javascript
Vue通过WebSocket建立长连接的实现代码
2019/11/05 Javascript
Python OS模块常用函数说明
2015/05/23 Python
解决Django加载静态资源失败的问题
2019/07/28 Python
wxPython实现分隔窗口
2019/11/19 Python
python itsdangerous模块的具体使用方法
2020/02/17 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
Python .py生成.pyd文件并打包.exe 的注意事项说明
2021/03/04 Python
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
索引覆盖(Index Covering)查询含义
2012/02/18 面试题
《水乡歌》教学反思
2014/04/24 职场文书
研究生简历自我评
2015/03/11 职场文书
创业计划书之水果店
2019/07/18 职场文书
Golang 结构体数据集合
2022/04/22 Golang
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers