使用vue-cli快速创建vue项目安装npm&&node，我们可以直接全局安装vue-cli：npminstall-gvue-cli然后使用npm安装vue-cli和webpackcnpminstall-gvue-cli最新的vue项目模板都有webpack插件，这里不需要安装webpack。安装完成后，可以使用vue-V（注意V大写）查看是否安装成功。如果提示“无法识别'vue'”，可能是npm版本太低，可以使用npminstall-gnpm更新版本1.生成项目首先需要进入项目目录在命令行，然后输入：vueinitwebpackVue-Project其中webpack是模板名，Vue-Project是自定义项目名。命令执行后，会在当前目录下生成一个以名称命名的工程文件夹。配置完成后，可以看到目录Folder多了一个项目，是一个基于webpack的vue-cli创建的vue.js项目，然后进入项目目录，使用cnpm安装依赖cdVue-项目&&cnpminstall然后启动项目npmrundev如果浏览器打开后没有加载页面，可能是本地8080端口被占用，需要修改配置文件config>index.js。建议将端口号更改为不常见的端口。另外，我还把构建的路径前缀改成了'./'（原来是'/'），因为打包之后，在外部导入js和css文件的时候，如果路径以'/'开头，就不能导入对应的文件在本地找到（在服务器上没问题）。所以如果需要在本地打开打包后的文件，就得修改文件路径。2.打包启动自己的工程文件需要放在src文件夹下。项目开发完成后，可以进入npmrunbuild进行打包工作。npmrunbuild打包后，会生成一个dist文件夹。如果修改了文件路径，可以直接打开本地文件查看
