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 列表list使用介绍
Nov 30 Python
Python2.x利用commands模块执行Linux shell命令
Mar 11 Python
opencv改变imshow窗口大小,窗口位置的方法
Apr 02 Python
树莓派实现移动拍照
Jun 22 Python
远程部署工具Fabric详解(支持Python3)
Jul 04 Python
django中账号密码验证登陆功能的实现方法
Jul 15 Python
Selenium元素定位的30种方式(史上最全)
May 11 Python
Python正则表达式如何匹配中文
May 27 Python
python thrift 实现 单端口多服务的过程
Jun 08 Python
Python中用xlwt制作表格实例讲解
Nov 05 Python
python re.match()用法相关示例
Jan 27 Python
Python超详细分步解析随机漫步
Mar 17 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
桌面中心(一)创建数据库
2006/10/09 PHP
php 生成饼图 三维饼图
2009/09/28 PHP
php 数学运算验证码实现代码
2009/10/11 PHP
PHP字符串处理的10个简单方法
2010/06/30 PHP
PHP实现事件机制实例分析
2015/06/26 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
php基于Redis消息队列实现的消息推送的方法
2018/11/28 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
onpropertypchange
2006/07/01 Javascript
JQuery 入门实例1
2009/06/25 Javascript
Javascript中定义方法的另类写法(批量定义js对象的方法)
2011/02/25 Javascript
Javascript实现的类似Google的Div拖动效果代码
2011/08/09 Javascript
JS解决ie6下png透明的方法实例
2013/08/02 Javascript
javascript实用小函数使用介绍
2013/11/11 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
jquery自定义表单验证插件
2016/10/12 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
JS中实现浅拷贝和深拷贝的代码详解
2019/06/05 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
Python中的Descriptor描述符学习教程
2016/06/02 Python
Python3 实现随机生成一组不重复数并按行写入文件
2018/04/09 Python
Python wxPython库Core组件BoxSizer用法示例
2018/09/03 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
详解用pyecharts Geo实现动态数据热力图城市找不到问题解决
2019/06/26 Python
python在openstreetmap地图上绘制路线图的实现
2019/07/11 Python
Python While循环语句实例演示及原理解析
2020/01/03 Python
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
语文教育专业推荐信范文
2013/11/25 职场文书
高中自我评价范文
2014/01/27 职场文书
教师廉洁自律承诺书
2014/05/26 职场文书
过程装备与控制工程专业求职信
2014/07/02 职场文书
汉字听写大会观后感
2015/06/12 职场文书
教你漂亮打印Pandas DataFrames和Series
2021/05/29 Python