vue-cli 4.0 创建项目

vue脚手架vue-cli更新了 现在才知道抱头! 下面是项目创建的方式

一、vue-cli升级

最保险的方法就是先卸载再装

  • 卸载: npm uninstall @vue/cli -g
语句:npm uninstall xxx 全局安装的加 -g   不是全局安装的不加
  • 安装: npm install @vue/cli -g

二、创建项目:

  • 打开命令窗口,我喜欢打开PowerShell shift+鼠标右键调出
  • vue ui 打开ui界面安装
  • vue create name
    然后根据自己的喜好选择 多选的时候通过空格键也就是<space>键进行选择
    注:运行项目 npm run serve
  • console.log eslint不允许解决办法
    在packege里的eslint里的rules添加 "no-console":"off"
"eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {
        "no-console":"off"
    },
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  • 注:目前版本好像不支持 vue init webpack name 来创建项目了
    可以的时候我再写在这里
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。