idea创建VUE项目
1.下载安装node.js
下载地址:https://nodejs.org/en/download/
2.win+R打开命令行
node -v
npm -v
查看是否安装成功
3.创建项目vuedemo(项目名必须小写)
4.安装vue脚手架工具
打开idea开发工具中的Terminal
①安装镜像
安装npm的镜像源,此处选择taobao的镜像源
输入命令:npm i -g cnpm --registry=https://registry.npm.taobao.org
②安装脚手架工具
输入命令:npm i -g vue-cli
安装完成
查看是否安装成功,输入命令:vue -V(注意:是大写V)或者vue --version
③初始化包结构
输入命令:vue init webpack vuedemo(vuedemo是项目名)
通过上下键进行选择,选择第一个,回车
完成后,按照下图黄色命令,挨个执行。
若执行npm run dev启动命令,报错webpack−dev−server错误法则,如下图
前往项目根目录删除node_modules文件夹,然后在项目根目录路径下的终端运行"npm install"等待安装完之后,再次运行“npm run dev”。
启动成功,如下图
浏览器中输入URL,进入即可