vue + element-ui + axios + vuex + scss
1. node npm webpack vue-cli 全局安装
node : *.exe 官网下载
webpack ： npm install webpack -g
vue-cli ： npm install vue-cli -g
2. vue init webpack 项目名（ex：demo_1.0）
建议开启语法检查 输入Y或默认enter
3. cd 项目名（ex：demo_1.0）
4. npm install
安装依赖
建议npm 转换cnpm （npm install -g cnpm --registry=https://registry.npm.taobao.org）淘宝镜像
npm 下载经常会报错，有部分原因是国内墙了，比如下载Chromedriver的时候（这个错误的解决方法在另一个爬坑笔记中）
个人感觉git 安装比 cmd 好用，yarn 安装比 npm 好用 ，如果你能翻墙可以避免很多问题，如果老是安装的时候报错建议这些方法都试一遍；有些错误可能解决不了，但是不影响npm run dev
局域网安装可尝试 git + yarn ， 且修改package.json中 scripts中需要联网安装的配置，改为本地（或直接删了默认为本地）
如果使用vscode 直接 ctrl + ` 调出来终端安装
5. npm run dev
检测项目初始化是否成功
6. 安装其他依赖
| yarn | cnpm | npm |
|---|---|---|
| yarn add vuex -S | cnpm i vuex -S | npm i vuex -S |
| yarn add axios -S | cnpm i axios -S | npm i axios -S |
| yarn add element-ui -S | cnpm i element-ui -S | npm i element-ui -S |
| yarn add sass sass-loader node-sass -D | cnpm install sass sass-loader node-sass -D | npm install sass sass-loader node-sass -D |
yarn add sass sass-loader node-sass -D这一步我没有成功 报了个关于python的错误，用cnpm success
有大神说安装完sass要在build > webpack.base.conf.js的rules中添加下面的代码：
{
test: /\.scss$/,
loader: 'style!css!sass?sourceMap'
},
我先添上了，不妨碍启动。以后发现问题再说。
安装淘宝镜像后，仍无法安装node-sass的情况，执行下列命令
npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
-S 或什么都不加会默认加入到 package.json 中的dependencies； -D会加入到package.json的devDependencies
7. 国际化 - npm install vuex-i18n js-cookie -S
参考文章： # 使用 vue-i18n 切换中英文
回头我把我写的用element UI的贴上来
8. 跨浏览器css reset -- normalize.css
npm install normalize.css --save-dev
如果报错请检查有没有设置好style-loader,css-loader npm install css-loader style-loader
使用import 'normalize.css'
或者这样 import 'normalize.css/normalize.css' // CSS resets
9. 项目中涉及功能 -- 全屏 screenfull
| yarn | cnpm | npm |
|---|---|---|
| yarn add screenfull -S | cnpm install --save screenfull -S | npm install --save screenfull -S |
未完待续 。。。
