Vue项目之科研项目(一)

笔者从零开始,使用的是IDEA编译器,适合初学者,若有幸能被大佬看到,还望不吝赐教。
一、新建project工程(File—>New—>Project),选择static web新建
在这里插入图片描述然后点击next;进入到以下界面:
在这里插入图片描述填上project name,选择project location,点击finish即demo创建完成。
二、终端cmd操作部分(通用方法)
打开终端,跳到项目目录下,在这里插入图片描述
使用npm i -g vue-cli命令安装,安装后输入vue -V测试是否安装成功;在这里插入图片描述
初始化包结构,输入命令vue init webpack vuedemo
在这里插入图片描述
在这里插入图片描述再依次输入红框的命令:
在这里插入图片描述
下面浏览器访问Your application is running here:所指示的地址;如图:
在这里插入图片描述
代表项目运行成功。
三、在IDEA内部直接键入相关命令
由于本人在安装node.js时,把它安装在了除C盘以外的其他盘,所以导致出现内部使用npm命令提示: ‘npm’ 不是内部或外部命令,也不是可运行的程序,以下添加环境变量,重启IDEA可以解决此问题:
在这里插入图片描述
亲试:须重启IDEA
在键入命令:npm -vnpm run dev
在这里插入图片描述
按照网址访问即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值