1。首先要有一定的前端基础,常规的HTML+CSS+Js/jqeury一定要熟练,这是后期开发的基础。2.知道node是什么,npm能做什么。3.打开cmd窗口,我用的是PowerCmd.node-v//checkifnodenpminstallwebpack-g//webpack是包管理工具,也是vue-cli的构建工具,全局安装npmuninstallecharts//依赖package也可以删除npminstallvue-cli-g//vue-cli的安装,快速构建项目的工具vue-V//查看vue-cli是否安装成功4.构建项目文件vueinitwebpack:一个综合的webpack+vue-loader模板,包括热加载、linting、检测和CSS扩展。webpack-simple:一个简单的webpack+vue-loader模板,不包含其他功能,让你快速搭建vue开发环境。browserify:一个全面的Browserify+vueify模板,包括热加载、linting和单元检测。browserify-simple:一个简单的Browserify+vueify模板,不包含其他功能,让你快速搭建Vue开发环境。simple:最简单的单页应用程序模板之一。vueinitwebpackprojectName//'git'不是内部或外部命令,也不是可运行的程序或批处理文件。下载git解决方法E:\vue>vueinitwebpacktest?Projectnametest//项目名称(注意名称中不能出现大写字母,否则会报错)?项目描述一个Vue.js项目//项目描述(可写可不写,看个人需要)?Author//作者(可写可不写,看个人需要)?Vue构建(使用箭头键)?Vue独立构建?安装vue路由器?是//安装vue-router还是不安装vue路由工具?使用ESLint来检查你的代码?Yes//是否使用ESLint来限制你的代码错误和风格。你不需要输入n,你需要选择y。如果是大型团队开发,最好配置一下?选择一个ESLint预设标准?设置单元测试No//设置单元测试?使用Nightwatch设置端到端测试?不?我们应该在项目创建后为您运行`npminstall`吗?//我们是否应该在项目创建后为您运行`npminstall`?使用cmd命令cd移动到项目根目录npmconfiggetregistry//查看npm镜像源https://registry.npmjs.org///将镜像源改为淘宝镜像npmconfigsetregistryhttp://registry.npm.taobao.orgnpminstall//初始化项目并安装package.json文件中描述的依赖项npmrundev//运行我们的项目。这时候我们可以打开浏览器输入http://localhost:8080/