vue.js之一——————vue-cli的使用

Vue.js是当下最火的JavaScipt MVVM库

我们直接使用vue-cli

前段开发IDE采用vscode

一、vscode的配置

• 首先安装ESLint和Vetur插件
• 配置USER SETTINGS（保存自动排版）

我的USER SETTINGS如下：

{
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",{
            "language": "vue",
            "autoFix": true
        },"html",
        "vue"
    ],
    "vetur.validation.template": false
    
}

二、安装vue-cli

第一步：安装node.js

第二步：安装cnpm

第三步：vue安装

cnpm install vue

第四步：全局安装vue-cli

cnpm install --global vue-cli

第五步：创建一个机遇webpack模板项目

vue init webpack my-project

第六步：安装项目所需要的依赖

cnpm install

第七步：运行项目

cnpm run dev

打开相应地址，结果如图：

以上结束你第一个vue-cli工程。

同样的你可以使用vscode来查看你的代码如图：