所用基础环境:node 10.16.0 vue/cli 4.5.6;如下图:
使用命令行创建项目:vue create project-name(project-name为项目名字);出现如下图:
选择项目预置配置:
-
Default ([Vue 2] babel, eslint):使用vue2.0版本相关默认配置
-
Default (Vue 3 Preview) ([Vue 3] babel, eslint):使用vue3.0版本相关默认配置
-
Manually select features:手动选择功能
这里选择手动选择Manually select features;根据自己项目所需选择功能。如下图:
选择完毕后敲回车,进入选择vue.js版本开始项目,这里我选择3.0版本。如下图:
由于选择3.0.版本,敲回车会出现”确认是否使用类样式的组件语法? “。如下图:
选择是,敲回车,出现“ 在TypeScript中使用Babel(现代模式需要,自动检测填充,编译JSX)? ”。如下图:
选择是,敲回车,进入router的模式确认。如下图:
选择是,敲回车,进入css预编译选择。如下图:
我选择Sass/Scss(with node-sass),敲回车进入校验格式化选择。如下图:
根据自己需要选择校验格式模式。敲回车,进入校验时机选择。如下图:
我选择的是保存时校验,敲击回车。出现babel、eslint配置位置选择。如下图:
我个人喜欢配置文件单独拎出来,所以选择了默认项,敲回车,进入确认。如下图:
敲击回车等待项目生成。生成后的目录如下图:
以上是创建项目步骤及生成的目录结构,根据项目需要还需配置其他插件。