vue脚手架---vue-cli

开年第一篇

今天先讲一讲 vue-cli的安装

npm install  vue-cli

可能需要很多的时间视网络环境而定, 如果长时间等待 也可以试试使用淘宝的镜像(cnpm)安装( npm install -g cnpm --registry=https://registry.npm.taobao.org )

如果出来版本号 就证明安装完成.

接下来我们就可以  安装 vue-cli和webpack了

cnpm install -g vue-cli

安装完成之后本事就带webpack不需要另行安装了

检测一下是否安装成功(注: -V 中的V是大写的)

 

第三步:

我们就可以生成项目了

vue init webpack My-Project    //模块名称

 

cnpm install      //安装依赖

npm run dev                 //启动项目

第四步:

npm run build              //发布项目 生成dist目录  只要把dist目录上的文件发布上去就行了