使用vue-cli构建vue项目

1、要先安装node.js

nodejs下载地址

1)选择一个版本直接下载,然后安装

使用vue-cli构建vue项目
使用vue-cli构建vue项目
使用vue-cli构建vue项目

2)测试是否安装正确

在命令行中输入
使用vue-cli构建vue项目

2、使用vue-cli构建vue项目

1)先全局安装vue-cli

npm install -g vue-cli
使用vue-cli构建vue项目

2)选择webpack模板初始化项目

vue init webpack my-vue
使用vue-cli构建vue项目
此时无需运行 nmp install命令

3)启动项目

使用vue-cli构建vue项目
初始化完成之后 ,会有命令提示
cd my-vue
npm run dev
使用vue-cli构建vue项目
使用vue-cli构建vue项目
在浏览器里面输入http://localhost:8080
使用vue-cli构建vue项目