vue-cli3.0脚手架怎么搭建项目

　　介绍

这篇文章主要介绍了vue-cli3.0脚手架怎么搭建项目,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

<强> 1。安装vue-cli 3.0

npm  install  -g  @vue/cli 　　#,或 　　yarn  global  add  @vue/cli

安装成功后查看版本:vue - V(大写的V)

vue-cli3.0脚手架怎么搭建项目

<强> 2。命令变化

vue  create ——帮助

用法:<代码>创建[选项]& lt; app-name>

创建一个由“vue-cli-service”提供支持的新项目

选项:

,- p,预设& lt; presetName>,,,,,,忽略提示符并使用已保存的或远程的预设选项
,- d, default ,,,,,,,,,,,,,,,,,忽略提示符并使用默认预设选项
,我,inlinePreset & lt; json>,,,,,,忽略提示符并使用内联的JSON字符串预设选项
,- m, packageManager & lt; command>,在安装依赖时使用指定的npm客户端
,- r,注册表& lt; url>,,,,,,,,,,,在安装依赖时使用指定的npm注册表(仅用于npm客户端)
,- g, git(消息),,,,,,,,,,,,强制/跳过git初始化,并可选的指定初始化提交信息
,- n, no-git ,,,,,,,,,,,,,,,,,,跳过git初始化
,- f, force ,,,,,,,,,,,,,,,,,,,覆写目标目录可能存在的配置
,- c, clone ,,,,,,,,,,,,,,,,,,,使用git克隆获取远程预设选项
,- x, proxy ,,,,,,,,,,,,,,,,,,,使用指定的代理创建项目
,b——bare ,,,,,,,,,,,,,,,,,,,,创建项目时省略默认组件中的新手指导信息
,- h, help ,,,,,,,,,,,,,,,,,,,,输出使用帮助信息

<强> 3。创建项目

去到指定目录下创建项目(项目名称:项目名称)

vue  create 项目名称

vue-cli3.0脚手架怎么搭建项目

我的默认是我原来保存好的模板;

默认是使用默认配置

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

vue-cli3.0脚手架怎么搭建项目

<强> 4。选择配置(自定义配置)

vue-cli3.0脚手架怎么搭建项目

<强> 5。选择css预编译,这里我选择少

Please  pick  a 预设:Manually  select 特性 　　,Check 从而features  needed  for  your 项目:,路由器,,Vuex,, CSS 预处理器,短绒,单元 　　,Pick  a  CSS  pre-processor  (PostCSS, Autoprefixer 以及CSS  Modules 断开连接;supported  by 默认): 　　SCSS/萨斯 　　少,祝辞 　　,笔

<强> 6。语法检测工具,这里我选择ESLint +标准配置

, Please  pick  a 预设:Manually  select 特性 　　,Check 从而features  needed  for  your 项目:,路由器,,Vuex,, CSS 预处理器,短绒,单元 　　,Pick  a  CSS  pre-processor  (PostCSS, Autoprefixer 以及CSS  Modules 断开连接;supported  by 默认):手写笔 　　,Pick  a  linter /, formatter 配置:,(Use  arrow 键) 　　,ESLint  with  error  prevention 只有 　　+,ESLint  Airbnb 配置 　　祝辞,ESLint  + Standard 配置 　　+,漂亮,ESLint 

<强> 7。选择语法检查方式,这里我选择保存就检测

, Please  pick  a 预设:Manually  select 特性 　　,Check 从而features  needed  for  your 项目:,路由器,,Vuex,, CSS 预处理器,短绒,单元 　　,Pick  a  CSS  pre-processor  (PostCSS, Autoprefixer 以及CSS  Modules 断开连接;supported  by 默认):手写笔 　　,Pick  a  linter /, formatter 配置:漂亮 　　,Pick  additional  lint 特点:,(Press  & lt; space>,用选择、,& lt; a>,用toggle ,, & lt; i>,用invert 选择) 　　祝辞(,),Lint 提醒节省;//,保存就检测 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

vue-cli3.0脚手架怎么搭建项目