VUE快速搭建项目

作为一个前端小辣鸡 今天在网上找到了 一个 快速 无脑式搭建vue项目的方式
分享一下

#安装vue-cli
npm install -g @vue/cli

#创建项目
mkdir projects && cd projects
vue ui # 通过图形界面创建项目
vue create create-vue-app-in-2019 # or 通过命令行创建项目

#选择项目偏好，生成项目

我们采用图形界面创建项目。通过 vue ui 命令启动 vue cli service 后，访问 http://localhost:8000/project/create 可以直接进入项目创建流程。

步骤中有些地方值得一提

详情：包管理器指定 npm，后续在npm 配置文件（.npmrc）中可手动指定国内镜像源，无需安装其他包管理器。

预设：「默认」预设中的功能比较单薄，我们选择「手动」预设，勾上一些适用于业务项目的功能。

功能：

默认勾上的「Babel」负责 JS 和 Vue 模版语法解析，建议打开。
「Router」 负责前端路由功能，业务项目必备。
「CSS Pre-processors」负责样式文件的预编译，使用 sass/less/stylus 写样式必备。
「Linter / Formatter」负责代码规范，业务项目涉及多人长期维护，必备。
「使用配置文件」负责将不同功能的配置拆分到根目录下，便于维护，建议打开。
配置：Lint 格式化过后的代码与自己写的原始代码往往有不同，这里建议在保存时就观察变化，勾上「lint on save」在命令行中报警；而对于「 Lint and fix on commit」个人认为过于自动，提交 commit 还是以自己审查过的版本为好，谨慎选择。 小技巧：使用 vscode 插件「ESLint」，它会读取根目录下的 .eslintrc.js 文件，保存时自动格式化代码，保证代码书写效率。

到此为止项目搭建完成

完整版请看

饿了么前端