新建网站 Vue + ElementUI

一、安装Nodejs

1、下载 安装
2、在命令行输入 npm -v 看到版本号就成功了
3、npm config set registry https://registry.npm.taobao.org 使用淘宝的国内镜像，详情可以看 这里
4、npm install -g yarn 安装 yarn，详情

二、新建ElementUI工程

1、从 git 拉取模板
2、npm install下载依赖的模块
3、npm run dev 运行
4、浏览器打开 localhost:8010 看看吧

三、安装WebStorm

1、下载 安装
2、添加Vue模板，打开 File | Settings | Editor | File and Code Templates 修改 Vue Single File Component

<template>
    <div>
    </div>
</template>
<script type="text/ecmascript-6">
    export default {
        data(){
            return {
 
            }
        }
    }
</script>

3、打开上面的项目就可以开始开发了

四、安装Chrome调试工具

1、从 git 拉取项目，注意最新 v6.0.0 只支持vue3，可以选5.x正式版
2、npm install下载依赖的模块
3、在 \vue-devtools\packages\shell-chrome找到 manifest.json ，将 "persistent"改成true
4、npm run build 编译，如果此处提示 'webpack' 不是内部或外部命令，也不是可运行的程序或批处理文件。 ，先下载 yarn add -D -W webpack-cli，再执行build
5、或者直接下载编译好的 链接
6、chrome在开发者模式加载解压的扩展，路径为 xxx\packages\shell-chrome