测试

jiezi

5 年前

最近由于项目需要且人员不足（其实是不想求别人。。。），又希望多学点知识，于是动手自己搭建一个后台管理的项目。

自己不熟悉的主要是前端，因此想从零开始试试前端，选择了据说较为简单的 vue，当然对于我来说啥都不懂，因此记录一下相应的搭建过程以及一些比较详细的坑。

其中的 @vue/cli 使用 npm 指令安装即可，如果有旧版本，请先使用 npm uninstall 卸载旧版本

npm install -g @vue/cli

我们先使用 vue 指令创建一个项目

vue create keng(你的项目名)

手动相关插件的安装

然后就是项目中插件的选择

这里选了 Babel，Typescript，Router，Vuex，CSS 预处理器，语法格式检查工具 Linter，由于选择了 CSS 预处理器和 Linter，接下来还要详细的选择标准

选择每次保存时进行代码校验规则

在 package.json 中保存相关配置

没有选项的一路敲回车就好了，然后等待安装。

安装成功

接下来我们试着运行。

按照官方引导就行了：

cd keng
npm run serve

访问一下：

1 环境准备