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中的错误和异常处理简单操作示例【try-except用法】
Jul 25 Python
Python中摘要算法MD5,SHA1简介及应用实例代码
Jan 09 Python
Python3处理HTTP请求的实例
May 10 Python
python 3.6.5 安装配置方法图文教程
Sep 18 Python
python判断完全平方数的方法
Nov 13 Python
使用NumPy读取MNIST数据的实现代码示例
Nov 20 Python
TensorFlow绘制loss/accuracy曲线的实例
Jan 21 Python
python 实现多维数组(array)排序
Feb 28 Python
Python基于paramunittest模块实现excl参数化
Apr 26 Python
Python unittest装饰器实现原理及代码
Sep 08 Python
python3通过subprocess模块调用脚本并和脚本交互的操作
Dec 05 Python
OpenCV-Python实现图像平滑处理操作
Jun 08 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中10个不常见却非常有用的函数
2010/03/21 PHP
ThinkPHP中Session用法详解
2014/11/29 PHP
php foreach如何跳出两层循环(详解)
2016/11/05 PHP
PHP实现批量删除(封装)
2017/04/28 PHP
Laravel框架实现即点即改功能的方法分析
2019/10/31 PHP
jquery tools 系列 scrollable(2)
2009/09/06 Javascript
javascript通过class来获取元素实现代码
2013/02/20 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
2015/08/28 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
JavaScript的String字符串对象常用操作总结
2016/05/26 Javascript
JavaScript代码实现图片循环滚动效果
2020/03/19 Javascript
Angular的MVC和作用域
2016/12/26 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
简化版的vue-router实现思路详解
2018/10/19 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
Vue 事件的$event参数=事件的值案例
2021/01/29 Vue.js
python定向爬取淘宝商品价格
2018/02/27 Python
Python实现串口通信(pyserial)过程解析
2019/09/25 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
python复合条件下的字典排序
2020/12/18 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
canvas实现扭蛋机动画效果的示例代码
2018/10/17 HTML / CSS
稀有和绝版书籍:Biblio.com
2017/02/02 全球购物
Java面试题:为什么要用Java
2012/05/11 面试题
办公室驾驶员岗位职责
2013/11/15 职场文书
父亲追悼会答谢词
2014/01/17 职场文书
活动总结报告怎么写
2014/07/03 职场文书
文员求职信
2014/07/15 职场文书
治庸问责工作总结
2015/08/11 职场文书
2016年大学校运会广播稿件
2015/12/21 职场文书
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python
Win11筛选键导致键盘失灵怎么解决? Win11关闭筛选键的技巧
2022/04/08 数码科技