说明:学习vue时的笔记,用于理清自己在学习过程中的每个知识点的思路,若有错误,不吝赐教,谢谢。
vue-cli脚手架介绍
vue-cli,是一个快速的构建vue项目的工具、脚手架,它是官方出口。它会自动的把一个项目所需要的目录、文件,都给自动的创建好。
使用步骤
0、安装cnpm(可选项)
由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有还需要npm的国内镜像---cnpm。
npm install -g cnpm --registry=http://registry.npm.taobao.org
1、全局安装vue-cli
cmd中输入npm install -g vue-cli (可用cnpm代替npm)
2、初始化项目
在命令行中运行命令 vue init webpack my-project,
这个命令指初始化一个项目,webpack是构建工具,也就是整个项目是基于webpack的。其中my-project是整个项目文件夹的名称,这个文件夹会自动生成在指定的目录中
3、进入项目文件夹
使用命令行运行 npm install 安装相应的模块
4、运行项目
安装完毕,使用命令行运行 npm run dev,打开localhost:8080 即可。
未完待续。。