pycharm新建vue项目文件
2019-03-09 17:08
204 查看
1.首先安装Node.js
官网:https://nodejs.org/zh-cn/
1)根据自己电脑型号下载好,我这里是win10,下载了这个型号的。
image.png
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,具体安装步骤如下图所示
image.png
image.png
(假如此时没有发现Vue.js)解决办法请看
等待加载完毕
image.png
点击next
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
点击ok
image.png
在新界面中点击Terminal
image.png
在其中输入 cnpm install 回车等待安装
image.png
安装结束后(可能会卡住,可以关闭后重启,没有影响) 然后再继续输入 cnpm start 或者 cnpm run dev 然后弹出网址在浏览器中输入即可。
image.png
进度完成后
image.png
在浏览器中输入网址,即可成功显示
相关文章推荐
- 从vue新建页面过程看vue项目文件调用关系
- vue-cli新建一个项目。项目中的各个文件代表的意思
- vue-cli新建一个项目。项目中的各个文件代表的意思
- vue新建项目,目录文件解释
- 新建一个vue项目
- 建立了一个动态的项目,在项目新建了一个JSP文件,在输入代码时为什么不自动插入包呢
- Eclipse JEE 3.6 以上版本新建web项目后,WEB-INF下没有web.xml配置文件
- Vue-cli项目获取本地json文件数据
- eclipse新建项目、jsp文件默认编码
- vue——安装并新建项目
- vue脚手架初始化项目中配置文件webpack.prod.conf.js代码含义
- PyCharm设置python新建文件指定编码为utf-8
- vs2008解决新建文件还有项目时模版丢失
- 针对eclipse新建springboot项目 pom文件报错问题
- maven新建 webapp项目后JSP文件报错怎样chul
- 解决pycharm 误删掉项目文件的处理方法
- Vue-cli创建vue项目以及配置文件梳理
- Vue2+VueRouter2+Webpack+Axios 构建项目实战(七)初识 *.vue 文件
- pycharm 修改新建文件时的头部模板(默认为__author__='...')
- pycharm 修改新建文件时的头部模板