[教程指导]Vue-cli3.0脚手架安装教程

maoshiba发布于2 个月前 • 137 次阅读

一、安装cli
npm install @vue/cli -g
二、vue-cli搭建脚本文件
vue create kinlin这里kinlin是文件名
三、选择Manually select features。
四、选择项目需要的一些特性(此处我们选择需要Babel编译、使用Vue路由、Vue状态管理器、CSS预处理器、代码检测和格式化、以及单元测试,暂时不考虑端到端测试(E2E Testing))。
五、要使用less使用选择CSS预处理器语言,此处选择LESS。
六、选择ESLint的代码规范,此处使用 Standard代码规范。
七、选择单元测试解决方案,此处选择 Jest。
八、选择 Babel、PostCSS、ESLint等配置文件存放位置,此处选择单独保存在各自的配置文件中,常用配置package.json。
九、配置完成后等待Vue-cli完成初始化。
十、vue-cli初始化完成后,根据提示,进入到vue-test项目中,并启动项目。 一般情况直接安装vue3.0搭建文件配置好常用的特性就好记住配置好了都需要npm install安装依赖运行, 当然3.0版本的脚手架还有很多命令比如add、help等 3.0还支持自己搭建模块 开发环境,测试环境,线上环境记住必须是这样写VUE_APP_后面是类名比如VUE_APP_kinlin='text'。 实在不好意思其实想给各位将很仔细看上楼主我不知道怎么截图想学的可以问我。

共收到 4 条回复
maoshiba

嘤嘤嘤,给嘤嘤怪一个鼓励。

maoshiba

Happy every day

RyanIPO

666

flashboyhe

hello ,i am flash. Nice to meet you.