全局安装3.x版本脚手架:npm install -g @vue/cli 确认安装成功没:vue -V(注意这里是大写的“V”) 全局安装webpack:npm install -g webpack 脚手架安装过程中会问问要不要安装webpack-cli,webpack4开始多了个独立包webpack-cli 这里建议选择no等会自己cnpm淘宝镜像安装,不然非常慢 淘宝镜像安装webpack-cli:cnpm install -g webpack 确认安装成功没:webpack-cli -v 用脚手架创建vue项目:vue create my-project 安装预设: Manually select features (自定义配置,一般都选这个) 键盘上下箭头控制方向,空格键确定/取消勾选,回车键确定配置选择
// === TypeScript ======
use babel alongside typescript for auto-detected polyfills?是否使用babel做转义 https://blog.csdn.net/viliyer/article/details/107243841总结:安装 // === Router路由 ====== Use history mode for router?是否使用 history 模式 YES:history模式,URL 无 # 符号,但是需要后台配置支持 NO:hash模式,URL 有 # 符号,但 # 符号并不包含在 HTTP 请求中 history模式官网说明:https://router./zh/guide/essentials/history-mode.html#后端配置例子 总结:用不用都可以,自己的小项目无无后台就用hash,后台提供支持就history // === CSS预编译 ======
dart-sass 和 node-sass 的区别https://segmentfault.com/a/1190000037553344 // === ESLint ====== 第1个:使用ESLint官网规则,这些规则在这里添加链接描述 第2个:使用ESLint官网规则 Airbnb 第三方的配置 第3个:使用ESLint官网规则 Standard 第三方的配置 总结:推荐选第一个 在什么时候进行ESLint检测: 第1个:保存时检测 第2个:提交时检测 总结:推荐选第一个,保存时检测 在什么位置保存ESLint配置文件:
第1个:独立保存为 config 文件 总结:自行决定把,这个无所谓的 以上就是常规搭建项目过程来源:https://www./content-4-838601.html |
|