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 相关文章推荐
在win和Linux系统中python命令行运行的不同
Jul 03 Python
Python中字符串的修改及传参详解
Nov 30 Python
使用python将请求的requests headers参数格式化方法
Jan 02 Python
python-django中的APPEND_SLASH实现方法
Jun 21 Python
利用python求积分的实例
Jul 03 Python
Python FTP文件定时自动下载实现过程解析
Nov 12 Python
用python爬取历史天气数据的方法示例
Dec 30 Python
基于python实现把json数据转换成Excel表格
May 07 Python
python实现canny边缘检测
Sep 14 Python
python 服务器运行代码报错ModuleNotFoundError的解决办法
Sep 16 Python
Python在centos7.6上安装python3.9的详细教程(默认python版本为2.7.5)
Oct 15 Python
Python matplotlib可视化之绘制韦恩图
Feb 24 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时间戳使用实例代码
2008/06/07 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
php 比较获取两个数组相同和不同元素的例子(交集和差集)
2019/10/18 PHP
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
jQuery 常见学习网站与参考书
2009/11/09 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
基于jquery的跨域调用文件
2010/11/19 Javascript
Javascript面向对象编程
2012/03/18 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
jquery网页日历显示控件calendar3.1使用详解
2016/11/24 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
2017/06/13 Javascript
详解Angular Reactive Form 表单验证
2017/07/06 Javascript
vue开发调试神器vue-devtools使用详解
2017/07/13 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
vue-router实现tab标签页(单页面)详解
2017/10/17 Javascript
JavaScript判断变量名是否存在数组中的实例
2017/12/28 Javascript
electron实现qq快捷登录的方法示例
2018/10/22 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
2020/04/30 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
使用PDB简单调试Python程序简明指南
2015/04/25 Python
解决出现Incorrect integer value: '' for column 'id' at row 1的问题
2017/10/29 Python
python sort、sort_index方法代码实例
2019/03/28 Python
python实现凯撒密码、凯撒加解密算法
2020/06/11 Python
全球虚拟主机商:HostGator
2017/02/06 全球购物
Mio Skincare英国官网:身体紧致及孕期身体护理
2018/08/19 全球购物
《秋姑娘的信》教学反思
2014/02/28 职场文书
销售人员职业生涯规划范文
2014/03/01 职场文书
购房协议书
2014/04/11 职场文书
涉密人员保密承诺书
2014/05/28 职场文书
物业总经理助理岗位职责
2014/06/29 职场文书
委托公证书格式
2015/01/26 职场文书
大学毕业生自我评价
2015/03/02 职场文书
劳动合同变更协议书范本
2019/04/18 职场文书
Python中的嵌套循环详情
2022/03/23 Python