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科学计算之NumPy入门教程
Jan 15 Python
Python矩阵常见运算操作实例总结
Sep 29 Python
Python实现的基于优先等级分配糖果问题算法示例
Apr 25 Python
python脚本生成caffe train_list.txt的方法
Apr 27 Python
关于django 数据库迁移(migrate)应该知道的一些事
May 27 Python
Sanic框架Cookies操作示例
Jul 17 Python
Python版名片管理系统
Nov 30 Python
Python使用Pickle模块进行数据保存和读取的讲解
Apr 09 Python
Python自动化完成tb喵币任务的操作方法
Oct 30 Python
django实现web接口 python3模拟Post请求方式
Nov 19 Python
Python文件读写w+和r+区别解析
Mar 26 Python
python 实现一个图形界面的汇率计算器
Nov 09 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
CI框架验证码CAPTCHA辅助函数用法实例
2014/11/05 PHP
PHP中的函数声明与使用详解
2017/05/27 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
2019/02/28 PHP
javascript 特性检测并非浏览器检测
2010/01/15 Javascript
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
ajax不执行success回调而是执行了error回调
2012/12/10 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
node.js中的path.join方法使用说明
2014/12/08 Javascript
js读取csv文件并使用json显示出来
2015/01/09 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
2016/01/28 Javascript
JavaScript实现相册弹窗功能(zepto.js)
2016/06/21 Javascript
vue.js表格组件开发的实例详解
2016/10/12 Javascript
你可能不知道的JSON.stringify()详解
2017/08/17 Javascript
推荐一个基于Node.js的表单验证库
2019/02/15 Javascript
解决vue-router路由拦截造成死循环问题
2020/08/05 Javascript
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
python编程开发之日期操作实例分析
2015/11/13 Python
python中numpy.zeros(np.zeros)的使用方法
2017/11/07 Python
python先序遍历二叉树问题
2017/11/10 Python
python基于ID3思想的决策树
2018/01/03 Python
利用Python如何批量更新服务器文件
2018/07/29 Python
python单元测试框架pytest的使用示例
2020/10/07 Python
html5桌面通知(Web Notifications)实例解析
2014/07/07 HTML / CSS
挪威户外活动服装和装备购物网站:Bergfreunde挪威
2016/10/20 全球购物
工作表现评语
2014/01/19 职场文书
优秀共产党员先进事迹材料
2014/05/06 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书
教育实践活动对照检查材料
2014/09/23 职场文书
考试作弊检讨书1000字(5篇)
2014/10/19 职场文书
2014年保洁员工作总结
2014/11/19 职场文书
北大自主招生自荐信
2015/03/04 职场文书
运动会报道稿大全
2015/07/23 职场文书
优质护理心得体会
2016/01/22 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
Django REST framework 限流功能的使用
2021/06/24 Python