vue-cli3
vue -v 检查版本
npm uninstall -g vue-cli卸载旧版本
npm install -g @vue/cli 安装新的版本
创建项目
vue create 项目名
配置
default 是默认配置
Manually select features 手动选择项(键盘上下箭头切换,回车确定)
选中自己想要的配置(键盘上下选择,空格选中,选中之后按回车)
babel:用来转换es6语法(必选)
router管理路由
vuex状态管理
css pre样式预处理器
linter/Formatter统一代码风格
路由使用历史模式吗?
路由模式分为Hash模式 History(历史)模式 Abstract模式 三种
hash模式最明显的特点就是url上会带有#号, History历史模式的url就跟正常的访问地址一样。
用的话选y不用的话选n
选择css预处理器 我个人喜欢用less,所以我选择的less
选择语法检测工具
ESLint with error prevention only(只检测错误)
ESLint + Standard config 自带linter和自动代码纠正,没有配置,自动格式化代码
ESLint + Prettier 能统团队的代码风格(我选的这个)
选择语法检查方式
Lint on save 保存就检测(我选这个)
Lint and fex on commit 用户提交文件到git的时候检测
babel,postcss,eslint配置文件存放位置
in dedicated config files 在专用配置文件中,就是单独管理(我选的这个)
in package.json 放在package.json里
保存为未来项目的预配置
到这里项目就配置成功了,想要运行醒目的话就cd到项目的文件里,然后运行命令npm run serve