使用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 (打包项目)