1、官网下载node，安装node.js环境
安装完成后进入cmd，输入node -v和npm -v查看node和npm是否安装成功及对应的版本
2、全局安装vue-cli：cnpm install -g vue-cli,此命令运行一次即可，以后就不用安装了
执行vue -V查看vue的版本
3、创建项目：vue init webpack hellovue
4、安装路由:npm install vue-router --save-dev
5、安装elementUi组件：npm install element-ui -S
6、安装项目依赖：npm install
7、运行项目：npm run dev
8、安装sass：cnpm install sass-loader node-sass --save-dev
或者分别执行：npm install node-sass@^4.9.0 -D 、 npm install sass-loader@^7.0.3 -D
（注：安装sass时有时会因为超时一次安装不成功，找个网络好的地方，多安装几次。）
安装成功sass后，找到build文件夹下的webpack.base.conf.js，在module:{}中添加
如果报错this.getResolve is not a function，说明是sass-loader的版本过高，因为不指定安装的是8.0.0,此时重新安装7.0.3版本，见上文命令
安装完成后输入<style lang=‘scss‘>测试会不会报错
9、如有需要安装axios：npm install axios -s
10、打包：npm run build
打包完成后悔生成dist文件夹，项目上线时只需要将dist文件夹放到服务器就可以
参见：1、https://blog.csdn.net/inthuixiang/article/details/82225407
2、https://www.jianshu.com/p/251a9db4eebf
3、https://www.cnblogs.com/smallVampire/p/12924776.html
拓展：
1、升级npm: npm install -g npm
2、淘宝镜像的安装: npm install cnpm -g --registry=https://registry.npm.taobao.org
cmd中输入 cnpm -v 查看是否安装成功及对应的版本
3、如果项目启动后显示无法访问，原因是本地端口被占用，要修改端口号，打开config文件夹下的index.js文件，找到port,比如可以修改为port:8787
4、使用npm下载时，出现错误Unexpected end of JSON input while parsing near···，解决方法：先清除缓存，再重新安装
清除缓存：运行npm cache clean --force，重新安装npm install
5、友情提示：安装完以上依赖记得在main.js写：
原文：https://www.cnblogs.com/mark21/p/13581245.html