什么是vue-cli:
vue-cli 是官方推出的一个vue项目的脚手架,用于快速搭建一个简单的vue项目模板。
需要的环境:
(管理员身份打开命令行)
安装Node.js: http://nodejs.cn/download/
确认node.js安装成功------>cmd 下 输入 node -v / npm -v 查看能否打印出版本号即可!
安装 cnpm(nodejs淘宝镜像加速器):用于解决有些用npm安装不成功的插件
< - -g 是全局安装 - >
npm install cnpm -g
安装 vue-cli :
cnpm install vue-cli -g
输入vue list 查看 是否安装成功
第一个 vue-cli 应用程序
1.创建一个vue项目,在电脑上先随便创建一个空的文件夹
2.在空文件夹内创建一个 基于 webpack 模板的vue应用程序
vue init webpack myvue
都选no即可
初始化并运行
cd myvue //进入项目
npm install //安装依赖环境
npm run dev //运行项目
ctrl +c //停止项目
项目描述
bulid:构建;
config:配置文件;
node_modules(类似于java:lib文件):存放项目依赖及插件位置;
src:项目源码的位置
- main.js:项目入口位置;
- App.vue:主页面
- component: vue组件存放
static:静态资源文件;
index.html:程序主入口;
package.json:版本信息
OK,第一个vue-cli应用程序就这样吧 !!