使用vue-cli脚手架构建项目

使用vue官方提供的vue-cli(脚手架)可以快速的搭建起一个基于webpack的vue项目。


1.首先得先全局安装vue-cli脚手架:

npm install vue-cli -g

2.检测是否安装完成可以使用以下命令,如有看到版本号即可安装完成。、

vue --version

3.使用vue命令快速构建模板项目:官方提供好几个版本的模板,这里使用webpack

vue init webpack demo         (demo为项目名称)

4.等待一会即可出现提示,按需选择即可,然后进入项目文件夹,安装项目依赖。

cd demo

npm install

注意:国内使用cnpm(淘宝镜像) 会更加高效一些,如果需要使用cnpm ,可以自行先全局安装 cnpm 这个工具。

5.项目依赖安装完毕之后即可启动项目、

npm run dev     (运行开发环境)

npm run build (打包项目)