vue安装本地开发环境

1.npm install -g cnpm --registry=https://registry.npm.taobao.org

2.cnpm install webpack webpack-cli -g

3.cnpm install -g vue-cli

4.cnpm install -g @vue/cli-service-global

这里在终端命令行一条一条执行下来就可以了。 npm工具自行安装

下面cd到自己想要放项目的路径

5.vue init webpack vue-demo（vue-demo这个自定义）

? Project name vue-demo # 项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters），阮一峰老师博客为什么文件名要小写 ，可以参考一下。
? Project description A Vue.js project # 项目描述,随便写
? Author # 作者名称
? Vue build standalone # 我选择的运行加编译时
   -> Runtime + Compiler: recommended for most users
? Install vue-router? -> Yes # 是否需要 vue-router，路由肯定要的
? Use ESLint to lint your code? -> Yes # 是否使用 ESLint 作为代码规范.
? Pick an ESLint preset -> Standard # 一样的ESlint 相关
? Set up unit tests -> Yes # 是否安装单元测试
? Pick a test runner -> none 按需选择 # 测试模块
? Setup e2e tests with Nightwatch? -> Yes 安装选择 # e2e 测试
? Should we run `npm install` for you after the project has been created? -> (recommended) npm

下面安装必要的工具

6.cnpm install --save-dev node-sass （scss相关）

7.cnpm install --save-dev sass-loader@7.3.1（scss相关）

8.cnpm install --save-dev sass-resources-loader@2.0.1（scss相关）

9.cnpm install --save-dev vue-style-loader@3.0.1（scss相关）

10.cnpm install --save-dev compression-webpack-plugin@1.1.12（这个重点提示下是压缩打包js包用的，提高网站加载js文件的速度，需要配置一些参数，前期可以不用安装）

11.cnpm install axios --save （接口请求工具）

12.cnpm install vue-meta --save（SEO优化工具）

13.cnpm install element-ui -S （快捷建站工具）

14.cnpm install vue-piczoom --save （图片放大工具）

16.cnpm install --save babel-polyfill （es6转es5工具）

17.cnpm install --save es6-promise（es6转es5工具）

18.cnpm install --save vue-lazyload （图片懒加载工具）