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 15 Python
Python中使用PDB库调试程序
Apr 05 Python
Google开源的Python格式化工具YAPF的安装和使用教程
May 31 Python
Python运维自动化之nginx配置文件对比操作示例
Aug 29 Python
python实现指定字符串补全空格、前面填充0的方法
Nov 16 Python
Python对象与引用的介绍
Jan 24 Python
Python人工智能之路 之PyAudio 实现录音 自动化交互实现问答
Aug 13 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
Feb 26 Python
python网络编程之五子棋游戏
May 14 Python
浅谈Python中文件夹和python package包的区别
Jun 01 Python
Python使用plt.boxplot() 参数绘制箱线图
Jun 04 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
Dec 17 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中几个常用的魔术常量
2012/02/23 PHP
最准确的php截取字符串长度函数
2015/10/29 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
动态调用CSS文件的JS代码
2010/07/29 Javascript
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
js快速排序的实现代码
2013/12/08 Javascript
js使用html()或text()方法获取设置p标签的显示的值
2014/08/01 Javascript
JSON格式化输出
2014/11/10 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
AngularJS+Node.js实现在线聊天室
2015/08/28 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
Vue cli构建及项目打包以及出现的问题解决
2018/08/27 Javascript
小程序scroll-view组件实现滚动的示例代码
2018/09/20 Javascript
JS使用栈判断给定字符串是否是回文算法示例
2019/03/04 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
2019/04/26 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
解决vue动态下拉菜单 有数据未反应的问题
2020/08/06 Javascript
[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局
2016/03/05 DOTA
python3.4用循环往mysql5.7中写数据并输出的实现方法
2017/06/20 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
python pandas cumsum求累计次数的用法
2019/07/29 Python
python腾讯语音合成实现过程解析
2019/08/01 Python
浅析Django 接收所有文件,前端展示文件(包括视频,文件,图片)ajax请求
2020/03/09 Python
Django ForeignKey与数据库的FOREIGN KEY约束详解
2020/05/20 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
python3 循环读取excel文件并写入json操作
2020/07/14 Python
清除canvas画布内容(点擦除+线擦除)
2020/08/12 HTML / CSS
加拿大大码女装购物网站:Penningtons
2020/12/26 全球购物
保护动物的标语
2014/06/11 职场文书
个人先进事迹总结
2015/02/26 职场文书
管理失职检讨书
2015/05/05 职场文书
2015年污水处理厂工作总结
2015/05/26 职场文书