查看node版本:node -v
查看npm版本:npm -v
安装cnpm:
npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue,命令如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
查看cnpm版本:cnpm -v
查看webpack版本:webpack -v
不存在时,安装,安装命令如下
使用命令:
cnpm install webpack-cli -g
安装后查看版本信息
根据安装信息与版本信息可知,安装失败
使用安装成功:
cnpm install webpack -g
安装后查看版本信息
查看vue版本:vue -V
不存在,安装vue-cli脚手架构建工具,命令如下:
cnpm install vue-cli -g
创建项目:
进入到项目需要放到那个目录下:cd /xxx/xxx/xxx
创建项目:
vue init webpack 项目名
启动项目
用idea打开项目,根据README.md文件中的Build Setup提示信息启动项目
npm install
npm run dev
访问
localhost:8080
页面如下: