vue-cli3.0脚手架搭建项目的过程详解

1.安装vue-cli 3.0

新公共管理安装-g @vue/cli #或arn全局添加@ vue/CLI安装成功后查看版本：vue -V(大写的五)

2.命令变化

某视频剪辑软件创建-帮助用法：创建[选项]应用程序名称

创建一个由服务提供支持的新项目

选项：

-p，-预设预设预设名称忽略提示符并使用已保存的或远程的预设选项-d-默认值忽略提示符并使用默认预设选项-i，-InLineReSET JSON忽略提示符并使用内联的数据字符串预设选项-m，- packageManager命令在安装依赖时使用指定的新公共管理客户端-r-注册表全球资源定位器(Uniform Resource Locator)在安装依赖时使用指定的新公共管理注册表（仅用于新公共管理客户端)-g，-git[消息]强制/跳过饭桶初始化，并可选的指定初始化提交信息-不-不，蠢货跳过饭桶初始化力覆写目标目录可能存在的配置克隆使用饭桶克隆获取远程预设选项-x，-代理使用指定的代理创建项目-b-裸创建项目时省略默认组件中的新手指导信息救命输出使用帮助信息

3.创建项目

去到指定目录下创建项目（项目名称：项目名称)

某视频剪辑软件创建项目名称

我的-默认值是我原来保存好的模板；

系统默认值是使用默认配置

手动选择功能是自定义配置

4.选择配置（自定义配置)

5.选择钢性铸铁预编译，这里我选择较少的

请选择预设：手动选择功能检查项目所需的功能：路由器、Vuex、CSS预处理器、短绒、单位选择半铸钢钢性铸铁(Cast Semi-Steel)预处理器（默认支持PostCSS、Autoprefixer和半铸钢钢性铸铁(Cast Semi-Steel)模块): SCSS/萨斯LESS Stylus6 .语法检测工具，这里我选择标准配置

请选择预设：手动选择功能检查项目所需的功能：路由器、Vuex、CSS预处理器、短绒、单位选择半铸钢钢性铸铁(Cast Semi-Steel)预处理器（默认支持PostCSS、Autoprefixer和半铸钢钢性铸铁(Cast Semi-Steel)模块):手写笔选择棉绒/格式化程序配置：(使用箭头键)仅带有错误预防功能的ESLint Airbnb配置ESLint标准配置ESLint Prettier7 .选择语法检查方式，这里我选择保存就检测

请选择一个预置：手动选择功能检查项目所需的功能：路由器、Vuex、CSS预处理器、短绒、单位选择一个半铸钢钢性铸铁(Cast Semi-Steel)预处理器（默认支持PostCSS、Autoprefixer和半铸钢钢性铸铁(Cast Semi-Steel)模块):手写笔选择一个棉绒/格式化程序配置：更漂亮地选择其他线头功能3360(按空格键选择，a切换全部，我反转选择)()保存时Lint/保存就检测()Lint并修复提交//修复和犯罪时候检查8.接下来会问你把babel，postcss，eslint这些配置文件放哪，这里随便选，我选择放在独立文件夹

请选择预设：手动选择功能检查项目所需的功能：路由器、Vuex、CSS预处理器、棉短绒、单挑一个半铸钢钢性铸铁(Cast Semi-Steel)预处理器（默认支持postscs、Autoprefixer和半铸钢钢性铸铁(Cast Semi-Steel)模块):手写笔选择一个棉绒/格式化程序配置：更漂亮的选择附加线头功能3360保存时的线头选择一个单元测试解决方案： Jest您更喜欢将巴别尔、波斯特、埃斯林等的配置放在哪里。（使用箭头键)在专用配置文件中/独立文件放置在package.json //放package.json里9.键入普通不记录，如果键入Y需要输入保存名字，如第一步所看到的我保存的名字为我的-默认值

请选择预设：手动选择功能检查项目所需的功能：路由器、Vuex、CSS预处理器、棉短绒、单挑一个半铸钢钢性铸铁(Cast Semi-Steel)预处理器（默认支持postscs、Autoprefixer和半铸钢钢性铸铁(Cast Semi-Steel)模块):手写笔选择一个棉绒/格式化程序配置：更漂亮的选择附加线头功能3360保存时的线头选择一个单元测试解决方案： Jest您更喜欢将巴别尔、波斯特、埃斯林等的配置放在哪里。在专用配置文件中，将此保存为预设以供将来项目使用？(Y/n) //是否记录一下以便下次继续使用这套配置。10.确定后，等待下载依赖模块

11.项目创建好后

激光唱片项目名称/进入项目根目录跑发球/运行项目12.浏览器打开http://localhost:8080

总结

以上所述是小编给大家介绍的vue-cli3.0脚手架搭建项目的过程详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！