1.首先要下载node（ https://nodejs.org/zh-cn/download/ ）； 2.安装脚手架（vue-cli）https://cli.vuejs.org/zh/guide/installation.html `~~~ npm install @vue/cli -g //全局安装最新的脚手架 npm install -g @vue/cli //OR yarn global add @vue/cli vue --version //查看版本 -------- 创建一个基于 webpack 模板的新项目 要创建项目，首先我们要选定目录，然后再命令行中把目录转到选定的目录。可以使用： //my-project为自定义项目名 $ vue init webpack my-project 初始化一个项目，或使用 $ vue init webpack-simple my-project 需要注意的是项目的名称不能大写，不然会报错。 Project name (my-project) # 项目名称（我的项目） Project description (A Vue.js project) # 项目描述一个Vue.js 项目 Author 作者（你的名字） Install vue-router? (Y/n) # 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块） Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码？ （Y [ yes ] / N [ no ]） Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint（使用箭头键） Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha？ （Y/ N） Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试，Nightwatch？ （Y/ N） 当然这些都看你自己个人的情况，我这里是全选了是。 这之前需要解决项目的依赖问题，使用下面的命令安装项目的依赖。 $ cnpm install 运行项目 $ cnpm run dev 解决方法：将npm的仓库地址改为淘宝镜像：npm config set registry[https://registry.npm.taobao.org](https://registry.npm.taobao.org/)\--global  就可以愉快的“npm install -g @vue/cli” 啦！ 注意：1：检查本机上node和npm的版本号，npm是否大于4.0；命令行分别输入：node -v  npm -v 配置后可通过下面方式来验证是否成功 npm config get registry 或 npm info express 卸载vue-cli： Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你想升级 vue-cli3 且你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g  或  yarn global remove vue-cli 卸载它。 ———————————————— 推荐vue ui安装 建立项目 git init project 功能 必须安装：Babel、Linter / Formatter、使用配置文件，选择安装：Router、Vuex 配置 推荐选择关闭历史路由模式，ESLint + Standard config，Lint on save 安装插件 ``` vue-cli-plugin-element //Import on demand 按需导入配置 ``` 安装 运行依赖 ``` axios //ajax库 $ npm install axios --save ``` 安装 开发依赖 ``` eslint-plugin-standard //对应编辑器自动格式化 默认安装完毕 less //配合下面一起用 less-loader //css函数 默认安装完毕 sass //或安装这个也不错 <style lang='scss' scoped> ``` 命令行安装 npm install echarts -S //安装echarts依赖 [ECharts-数据可视化]() ////////////////// 运行vue-cli 任务->serve->运行->启动