VUE项目创建

一、安装node.js

1、在官网中安装nodejs最新版本。地址：https://nodejs.org/en/download/，根据自己环境，进行下载安装。
用’npm install npm -g’命令来升级npm（5.x.x）
2、安装完成后，进行nodejs版本及npm版本查看。
(在电脑桌面中使用“WIN＋R”组合键，打开的“运行”窗口，输入“cmd”命令并回车即可打开)
打开cmd命令行，输入 node -v 和 npm -v，node安装后将会自动安装上npm，但不一定是最新的，可用命令 npm install -g npm，进行最新版本安装。

安装好之后，就可以使用vue-cli进行初始化一个vue项目。
// 切换到淘宝源
npm config set registry https://registry.npm.taobao.org
二、vue项目初始化

1、全局安装vue-cli

  打开cmd命令行，输入npm install --global vue-cli ，进行全局安装vue-cli脚手架工具。如果安装不成功，请检查npm是否最新版本，或cmd是否以管理员身份运行。

2、新建vue项目

 在命令行中，进入指定路径，运行 vue init webpack 项目名称，例如： vue init webpack my-vue。

安装完毕
安装ui组件

npm i element-ui -S

// 引入elementui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

安装SCSS语法

安装node-scss报错
在搭建vue脚手架 或者是在vue项目中，想使用sass的功能，

切换淘宝镜像
npm install node-sass -D  --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
········
npm install node-sass --save-dev 		//安装node-sass 
npm install sass-loader --save-dev 		//安装sass-loader 
npm install style-loader --save-dev 		//安装style-loader

安装完成后，运行时出现了错误

Modele build failed: TypeError: this.getResolve is not a function at Object.loader…
1
这是因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json文件，里面的 "sass-loader"的版本更换掉 就行了。

"sass-loader": "^8.0.0"，更换成了 "sass-loader": "^7.3.1",

原因：npm 版本太高
解决方法：npm install npm@6.14.10 -g

在build文件夹下的webpack.base.conf.js的rules里面添加配置

{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}

这时候重新跑项目，就运行成功了。

qs安装

npm install qs