Vue学习二(初建项目)

新建一个Vue项目测式一下
建议尽量不要装在C盘,因为Vue下载下来的文件比较大,如果要改盘的话,直接输入G:回车就可以直接改盘;
在这里插入图片描述
2.根据模版创建新项目

然后我们开始创建新的项目输入命令:vue init webpack my-project 回车,my-project是我自己的文件夹的名字(使用英文),是基于webpack的项目,输入之后就一直回车,直到出现是否要安装vue-route,这个我们在项目要用到,所以就输入y 回车;
在新建过程中会要输入几次回车和y,如下图(记得最后一步选择No I will handle that myselft,也就是创建完项目后由我自己来下载依赖)在这里插入图片描述
在这里插入图片描述
安装完成之后,会在我们的项目目录vue-project文件夹中多出一个node_modules文件夹,这里边就是我们项目需要的依赖包资源。
如果没有该文件夹,需要cd到项目下执行命令 :
输入:cd my-project 回车,因为各个模板之间都是相互依赖的,所以现在我们要安装依赖,输入命令:cnpm install
在这里插入图片描述
在这里插入图片描述

运行项目

cd到项目下运行:
cnpm run dev
在这里插入图片描述
在这里插入图片描述

pycharm中安装vue插件

new project市没有vue项目选项,需要安装插件
在这里插入图片描述
选择setting:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

新建vue项目

new project–》next -->vue.js项目
在这里插入图片描述
解决:cmd下全局安装 ij-rpc-client包:npm install ij-rpc-client -g

(重启一下webstorm)然后创建,输入项目名称,一步步配置就ok了
在这里插入图片描述
重启后好像没有解决问题;
需要配置,如下图配置npm后,点击运行就可以了。
在这里插入图片描述

参考:
https://blog.csdn.net/qq_33277204/article/details/89917414
https://www.cnblogs.com/zhaomeizi/p/8483597.html
https://www.jianshu.com/p/a494417def99?utm_source=desktop&utm_medium=timeline
http://www.cppcns.com/jiaoben/python/302128.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值