vue创建项目

最新推荐文章于 2025-04-17 21:13:16 发布

原创最新推荐文章于 2025-04-17 21:13:16 发布 · 756 阅读

CC 4.0 BY-SA版权

文章标签：

本文详细介绍了如何通过cnpm安装vue-cli，并使用它初始化一个webpack模板项目。步骤包括设置registry源，安装vue-cli，检查安装是否成功，创建项目，选择vue-router，安装依赖并启动开发服务器。最后，演示了如何使用cnpm run build命令对项目进行打包。

安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装vue-cli脚手架
cnpm install vue-cli -g
查看vue-cli是否安装成功
vue list
–出现字样：available official templates: … *webpack
初始化webpack模板项目（cli2创建项目）
vue init webpack ‘项目名称’
–选项 init vue-router :yer,其它：no
进入项目目录初始项目并运行
cnpm install
cnpm run dev
–出现字样： http://localhost:8080 ,打开网页输入网站查看是否成功
项目打包
cnpm run build