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修改Excel数据的实例代码
Nov 01 Python
netbeans7安装python插件的方法图解
Dec 24 Python
Python3基础之基本运算符概述
Aug 13 Python
Python yield 使用浅析
May 28 Python
python简单获取数组元素个数的方法
Jul 13 Python
Python编程把二叉树打印成多行代码
Jan 04 Python
Python函数的参数常见分类与用法实例详解
Mar 30 Python
Python如何在DataFrame增加数值
Feb 14 Python
tensorflow使用CNN分析mnist手写体数字数据集
Jun 17 Python
Python如何实现自带HTTP文件传输服务
Jul 08 Python
Django程序的优化技巧
Apr 29 Python
如何正确理解python装饰器
Jun 15 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
linux iconv方法的使用
2011/10/01 PHP
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
为百度UE编辑器上传图片添加水印功能
2015/04/16 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
CodeIgniter记录错误日志的方法全面总结
2016/05/17 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
PHP示例演示发送邮件给某个邮箱
2019/04/03 PHP
laravel-admin 实现给grid的列添加行数序号的方法
2019/10/08 PHP
Laravel创建数据库表结构的例子
2019/10/09 PHP
javascript parseInt 大改造
2009/09/27 Javascript
24款非常有用的 jQuery 插件分享
2011/04/06 Javascript
JSON.parse()和JSON.stringify()使用介绍
2014/06/20 Javascript
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
2018/11/08 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
2018/12/13 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
2020/05/29 jQuery
Python内置的字符串处理函数详细整理(覆盖日常所用)
2014/08/19 Python
Python Web框架之Django框架文件上传功能详解
2019/08/16 Python
对pytorch中x = x.view(x.size(0), -1) 的理解说明
2021/03/03 Python
JBL英国官网:JBL UK
2018/07/04 全球购物
中国包裹转运寄送国际服务:Famiboat
2019/07/24 全球购物
英国奢侈品牌时尚购物平台:Farfetch(支持中文)
2020/02/18 全球购物
Harrods英国:世界领先的奢侈品百货商店
2020/09/23 全球购物
北京大学自荐信范文
2014/01/28 职场文书
代理班主任的自我评价
2014/02/04 职场文书
八项规定整改方案
2014/02/21 职场文书
一年级班主任感言
2014/03/08 职场文书
工厂仓管员岗位职责范本
2014/07/17 职场文书
垂直极限观后感
2015/06/08 职场文书
签字仪式主持词
2015/07/03 职场文书
Nginx解决前端访问资源跨域问题的方法详解
2021/03/31 Servers
Android实现图片九宫格
2022/06/28 Java/Android