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运行的17个时新手常见错误小结
Aug 07 Python
python中文编码问题小结
Sep 28 Python
python在控制台输出进度条的方法
Jun 20 Python
详解Django之auth模块(用户认证)
Apr 17 Python
python 列表删除所有指定元素的方法
Apr 19 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
Apr 19 Python
python 移除字符串尾部的数字方法
Jul 17 Python
Flask框架URL管理操作示例【基于@app.route】
Jul 23 Python
Python queue队列原理与应用案例分析
Sep 27 Python
python sorted函数原理解析及练习
Feb 10 Python
python用opencv完成图像分割并进行目标物的提取
May 25 Python
python线程池 ThreadPoolExecutor 的用法示例
Oct 10 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
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
windows下安装php的memcache模块的方法
2015/04/07 PHP
jquery实现图片裁剪思路及实现
2013/08/16 Javascript
在百度知道团队中快速审批新成员的js脚本
2014/02/02 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
对new functionName()定义一个函数的理解
2014/05/22 Javascript
AngularJS基础学习笔记之表达式
2015/05/10 Javascript
jQuery EasyUI Dialog拖不下来如何解决
2015/09/28 Javascript
Javascript模仿淘宝信用评价实例(附源码)
2015/11/26 Javascript
JavaScript常用数组算法小结
2016/02/13 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
JS数字千分位格式化实现方法总结
2016/12/16 Javascript
Vue.js -- 过滤器使用总结
2017/02/18 Javascript
NodeJS自定义模块写法(详解)
2017/06/27 NodeJs
underscore之Chaining_动力节点Java学院整理
2017/07/10 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
js精确的加减乘除实例
2017/11/14 Javascript
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
javascript使用正则实现去掉字符串前面的所有0
2018/07/23 Javascript
微信小程序实现卡片层叠滑动效果
2019/06/21 Javascript
vue如何实现动态加载脚本
2020/02/05 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
python2 中 unicode 和 str 之间的转换及与python3 str 的区别
2019/07/25 Python
python使用梯度下降算法实现一个多线性回归
2020/03/24 Python
python实现图书馆抢座(自动预约)功能的示例代码
2020/09/29 Python
python中的yield from语法快速学习
2020/11/06 Python
Raffaello Network德国:意大利拉斐尔时尚购物网
2019/05/01 全球购物
工厂门卫岗位职责
2013/11/25 职场文书
《赶海》教学反思
2014/04/20 职场文书
文秘应届生求职信
2014/07/05 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
寒假安全保证书
2015/02/28 职场文书
2016年小学教师师德承诺书
2016/03/25 职场文书
django上传文件的三种方式
2021/04/29 Python