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 来创建项目了
  可以的时候我再写在这里