在使用vue-cli之前，请确保您的电脑已经安装了node，VueCLI需要Node.js8.9或更高版本（推荐8.11.0+），如果请参考https://www.runoob.com/nodejs如果你还没有安装节点。安装vue-cli命令npminstall-g@vue/cli#或者yarnglobaladd@vue/cli查看vue-cli版本号命令：vue--version，不确定是否安装成功，可以输入checkversionnumber命令，如果没有报错并返回版本号，说明安装成功。安装vue-cli也可以参考https://cli.vuejs.org/zh/guid...vue-cli建一个项目vueinitwebpackvue-demo回车开始会议问题很多，一个问题和一种答案格式，蓝色截图是问题，截图用于解释和个人建议。输入的项目名称默认为上面初始化时的默认名称，可以修改或直接回车（注意不能出现大写字母，否则会报错Sorry,namecannotlongercontaincapitalletters），阮一峰老师的博客《为什么文件名要小写》http://www.ruanyifeng.com/blo...，有兴趣的可以去看看。输入项目描述，看需要输入什么回车Author，默认机主名字，如果不需要改回车，官方推荐Runtime+Compiler：推荐大部分用户运行+编译，输入y回车是否使用vue-router配置路由，生成的工程会有相关的路由配置文件。建议选择，输入y回车，使用ESLint作为代码规范，统一项目的代码风格规范，养成规范的书写习惯，减少不必要的错误和隐患，如果要开发推荐在前端道路上选择，输入y回车选择一个ESLint预设。写vue项目时的代码风格同上。如果选择上面，直接输入y回车，看是否安装单元测试，个人推荐不需要mocha+chai//mocha灵活，只提供简单的测试结构。如果需要其他功能，需要添加其他库/插件来完成。全局环境下必须安装Jest//安装配置简单易用。内置伊斯坦布尔，您可以检查测试覆盖率。与Mocha对比：配置简单，测试代码简单，易于与babel集成，丰富的内置expectnone（自行配置）自定义个人推荐不需要主要个人习惯，npm和yarn的区别可以参考tohttps://blog.csdn.net/weixin_...1.如果使用npm，可以改安装cnpm，因为node安装插件是从国外服务器下载的，受网络影响很大，速度慢，可能会出现异常。那要是npm服务器在国内就好了。我们优秀的淘宝团队做到了这一点。他们会每10分钟请求一次官方服务，以最大限度地与官方服务同步。也就是说我们使用阿里在国内安排的服务器来安装node可以大大提高工作效率2.cnpm的使用方法使用阿里定制的cnpm命令行工具替换默认的npm，输入如下代码安装:$npminstall-gcnpm--registry=https://registry.npm。淘宝网2.查看cnpm的版本，如果安装成功，可以看到cnpm的基本信息。cnpm-v3.以后只需要使用cnpminstall安装插件即可。一般情况下，这样会直接生成工程。默认端口为8080，常见的错误是当前端口号被占用，需要更改端口。下面的截图是更改位置生成的项目目录Projectdirectory|--build//项目构建（webpack）相关代码||--build.js//生产环境构建代码||--check-version.js//检查node、npm等版本||--dev-client.js//热加载相关||--dev-server.js//构建本地服务器||--utils.js//构建配置实用程序相关│|--vue-loader.conf.js//vue加载器||--webpack.base.conf.js//webpack基础配置||--webpack.dev.conf.js//webpack开发环境配置||--webpack.prod.conf.js//webpack生产环境配置|--config//项目开发环境配置||--dev.env.js//开发环境变量||--index.js//一些项目配置变量||--prod.env.js/生产环境变量||--test.env.js//测试环境变量|--node_modules//项目依赖的模块|--src//源代码目录|-成分//Vue公共组件||-商店//Vuex状态管理||-Router//前端路由||-app.vue//页面入口文件（根组件）||-main.js////程序入口文件，加载各种公共组件（入口js文件）|--static//静态文件，比如一些图片，json数据等|--data//从中获取的数据群聊分析用于数据可视化|--.babelrc//ES6语法编译配置|--.editorConfig//定义代码格式|-.gitignore//需要忽略的git上传文件格式|-readme.md//项目说明|-index.html///入口页面|--package.json
