vue实战开发003:详解vue-cli 3.0项目搭建

 时间:2024-10-17 03:32:03

1、将node所在目录配置到电脑的环境变量中就可以使用了,这里我的目录是D:\Program Files\node-v10.8.0-win-x86,这里我们只要打开电脑-属性-系统设定-进阶-环境变量中奖该路径添加到path中即可,快捷键“win+r”打开运行框,输入cmd在弹出的窗口中输入node -v检查node.js是否安装成功。

vue实战开发003:详解vue-cli 3.0项目搭建

3、现在我们可以开始来搭建vue-cli 3.0环境了,输入命令:npm install -g @vue/cli 安装vue3.0(-g: 指全局安装),快捷键“win+r”打开运行框,输入cmd在弹出的窗口中输入vue -V(大写的V哦)来检查vue是否安装成功。

vue实战开发003:详解vue-cli 3.0项目搭建

5、进入下一个安装配置选择,这里根据项目情况自行选择配置,按上下键切换目标选项,按空格键勾选和取消,按a全选,按i反选,选好后回车确定(以下是几个选项的相关意义),图中是我的选择。Babel:指转译成浏览器可识别的语言,可以让你的项目支持更新的语法,如es6\es7等TypeScript:新增的选项卡Progressive Web App (PWA) Support:指模拟原生appRouter:路由管理Vuex:vuex管理模式CSS Pre-processors:css预处理语言Linter / Formatter:代码规范Unit Testing:组件单元测试E2E Testing:端对端测试,模拟用户真实场景

vue实战开发003:详解vue-cli 3.0项目搭建

7、选择ESLint的代码规范,此处使用 Standard代码规范,这里我选择了ESLint + Standard config(正常模式)ESLint with error prevention only: 只进行报错提醒;ESLint + Airbnb conf: 不严谨模式;ESLint + Standard config: 正常模式;ESLint + Prettier: 严格模式;

vue实战开发003:详解vue-cli 3.0项目搭建

9、接着选择单元测试解决方案,这里选择 我Jest

vue实战开发003:详解vue-cli 3.0项目搭建

11、接着提示是否在以后的项目中使用以上配置,这里我们选择no,下次自行配置,你也可以选择yes.

vue实战开发003:详解vue-cli 3.0项目搭建vue实战开发003:详解vue-cli 3.0项目搭建
  • 申请UC订阅号的方法
  • 三个步骤,让百度推广账户节约30%的费用
  • 发现自己的另一半出轨了,你会怎么做?
  • 为什么我发的原创文章百度不收录?
  • 热门搜索
    这个季节去哪里旅游最好 黄姚古镇在哪里 如何养兔子 蒲公英泡水喝的禁忌 红枣泡水喝有什么好处 中继路由器 自由侠怎么样 如何追男生 山楂干泡水的功效与作用 杨氏之子的回答妙在哪里