本文介绍了如何在Node环境中安装vue-cli，使用它来创建Vue项目，详细解析了项目结构，并指导了项目打包与发布的步骤。通过vue init webpack 创建项目，然后npm install 安装依赖，npm run dev启动项目。项目结构包括build、config、src、static等关键文件夹，每个都有特定功能。打包使用npm run build，发布则借助静态服务器工具。
vue-cli 脚手架安装：
1) 确保node环境：安装vue-cli需要在node环境下安装，所以首先确保自己安装了node，检查自己电脑是否安装了node ,可以在命令行工具内执行： node -v，如下图，如果出现相应的版本号信息，说明安装了node
如果出现类似：xxx不是内部命令，说明电脑没有安装node ,需要在官网下载与你电脑对应的版本的node,进行安装。node的下载地址为：node官网下载地址。
注意：安装vue-cli脚手架需要电脑安装的node的版本在v4.0以上
2)全局安装webpack: 使用npm(npm也是建立在node环境下)全局安装webpack,打开命令行输出： npm install webpack -g，同样的，安装完成后为了确保安装成功，也需要在命令行输入：webpack -v，出现相应的版本才算安装成功，如下图：
</
最低0.47元/天 解锁文章
5046
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
