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写的PHPMyAdmin暴力破解工具代码
Aug 06 Python
Python抓取手机号归属地信息示例代码
Nov 28 Python
用virtualenv建立多个Python独立虚拟开发环境
Jul 06 Python
深入理解python中函数传递参数是值传递还是引用传递
Nov 07 Python
django传值给模板, 再用JS接收并进行操作的实例
May 28 Python
numpy中矩阵合并的实例
Jun 15 Python
解决django前后端分离csrf验证的问题
Feb 03 Python
python 对字典按照value进行排序的方法
May 09 Python
python 寻找离散序列极值点的方法
Jul 10 Python
Python 离线工作环境搭建的方法步骤
Jul 29 Python
Python谱减法语音降噪实例
Dec 18 Python
在Tensorflow中实现梯度下降法更新参数值
Jan 23 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 socket方式提交的post详解
2008/07/19 PHP
php生成随机密码的几种方法
2011/01/17 PHP
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
php版微信公众账号第三方管理工具开发简明教程
2016/09/23 PHP
Laravel如何创建服务器提供者实例代码
2019/04/15 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
在javaScript中关于submit和button的区别介绍
2013/10/20 Javascript
解决json日期格式问题的3种方法
2014/02/02 Javascript
javascript使用smipleChart实现简单图表
2015/01/02 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
jquery实现二级导航下拉菜单效果
2015/12/18 Javascript
jQuery中通过ajax的get()函数读取页面的方法
2016/02/29 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
2016/09/15 Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
2016/10/01 Javascript
浅谈Node.js 沙箱环境
2018/05/15 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
2018/09/12 Javascript
生产制造追溯系统之在线打印功能
2019/06/03 Javascript
JSX在render函数中的应用详解
2019/09/04 Javascript
Python实现简单求解给定整数的质因数算法示例
2018/03/25 Python
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
Python获取时间戳代码实例
2019/09/24 Python
Python 进程操作之进程间通过队列共享数据,队列Queue简单示例
2019/10/11 Python
Keras—embedding嵌入层的用法详解
2020/06/10 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
Myprotein台湾官方网站:全球领先的运动营养品牌
2018/12/10 全球购物
雅诗兰黛加拿大官网:Estee Lauder加拿大
2019/07/31 全球购物
What's the difference between Debug and Trace class? (Debug类与Trace类有什么区别)
2013/09/10 面试题
个人自我鉴定
2013/11/07 职场文书
检讨书范文大全
2015/05/07 职场文书
交通事故赔偿起诉书
2015/05/20 职场文书
校园之声广播稿
2015/08/18 职场文书
企业转让协议书(范文2篇)
2019/08/15 职场文书
Python使用pyecharts控件绘制图表
2022/06/05 Python