pycharm新建Vue项目的方法步骤(图文)
2020-04-11 07:05
190 查看
1.首先安装Node.js
1)根据自己电脑型号下载好
2)点击安装,傻瓜式一步一步最后完成安装
3)打开CMD,检查是否正常,如果显示了如下则安装正常
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,具体安装步骤如下图所示
(如果没有Vue.js)解决方法
1.进入settings
2.设置JavaScrip
3.选择Plugins
4.安装Vue.js
5.安装完毕后点击重启
6.确认确保Vue.js是被勾选了
7.重启
8.配置结束就可以看到有Vue.js了
等待加载完毕
点击next
点击OK
在新界面中点击Terminal
在其中输入cnpm install 回车等待安装
安装结束后(可能会卡住,关闭重启就可以)然后再继续输入cnpm start 或者 cnpm run dev 然后弹出网址在浏览器中输入即可
进度完成
浏览器输入网址,安装成功
到此这篇关于pycharm新建Vue项目的方法步骤的文章就介绍到这了,更多相关pycharm新建Vue项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- Vant的安装和配合引入Vue.js项目里的方法步骤
- 图文详解MyEclipse中新建Maven webapp项目的步骤
- 安装PyCharm新建项目出现No Python interpreter selected解决方法
- 图文讲解用vue-cli脚手架创建vue项目步骤
- 图文详解MyEclipse中新建Maven w 4000 ebapp项目的步骤(很详细)
- webstrom Debug 调试vue项目的方法步骤
- idea创建Spring项目的方法步骤(图文)
- pycharm新建vue项目文件
- eclipse新建maven web项目步骤、出现错误解决方法及maven settings简单配置
- 图文详解MyEclipse中新建Maven webapp项目的步骤(很详细)
- 新建VUE 2.0 项目及引入Element UI 步骤及常见问题
- 图文详解MyEclipse中新建Maven webapp项目的步骤(很详细)
- 9102年webpack4搭建vue项目的方法步骤
- 图文详解MyEclipse中新建Maven webapp项目的步骤(很详细)
- babel7.x和webpack4.x配置vue项目的方法步骤
- 使用vue-cli4.0快速搭建一个项目的方法步骤
- 详解从新建vue项目到引入组件Element的方法
- 快速将Vue项目升级到webpack3的方法步骤
- vue项目中使用scss的方法步骤
- 用Cordova打包Vue项目的方法步骤