笔者从零开始,使用的是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 -v
,npm run dev
按照网址访问即可。
Vue项目之科研项目(一)
最新推荐文章于 2023-07-15 11:48:53 发布