Sass

全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目 npm install -g vue-cli 安装webpack，它是打包js的工具 npm install -g webpack **初始化VUE项目-安装完成之后就可以开始创建vue项目，首先创建一个文件夹用来存放你的项目，用vscode打开对应的文件夹，并在终端cd到对应的文件夹。比如我的文件夹就是myvue 创建项目命令，输入回车:** vue init webpack myvue 启动项目 先cd到项目文件夹，cd myvue，然后输入以下指令 npm run dev 项目打包发布上线 npm run build 安装viewUI视图组件 $ npm install view-design --save 安装vueDraggable拖拽组件 npm install vuedraggable 如果是 sass 的，执行 npm install sass sass-loader --save-dev 安装依赖就行。或者（$npm intall sass-loader --save ; $npm install node-sass --save 来源： oschina 链接： https://my.oschina.net/u/4157150/blog/4718313

001 1.Vue框架 创建项目: 1. 先搭建webpack环境或在老项目中进行 2. 整个项目都是vue, 使用脚手架搭建开发环境 安装脚手架： npm install -g @vue/cli 初始化项目命令：vue create project 步骤： 第一步, vue create 后会出现 至少3个选项， （ 第一个选项是默认安装vue2,babel,eslint 第二个选项是默认安装 vue3，babel,eslint 第三个选项 (Manually select features) 自定义安装） 第二步，选择自定义安装 （第一个选项 vue的版本 第二个 babel 第三个 ts 先不选 第四个 PWA 离线缓存 第五个 Router 路由 第六个 vuex 公共数据存储 第七个 css 预处理语言 (less,sass,stylus) 第八个 linter 代码监测 第九，十个 代码测试 ） 第三步： 选择vue的版本 Class-style组件，先选no Babel 解析ts ，选y 路由模式： 是否使用history模式 选y 就是 history模式 选n 就是 hash模式 Css 预处理语言 （选项1：sass(dart-sass) 新版本的sass语法，速度比较快，一般使用sass都选这个版本 选项2：sass(node-sass) 老版本的sass语法

最近在对一个开源的项目前端代码进行打包。结果老是 出现了上面的问题，导致打包失败 # Cannot download https//github.com/sass/node-sass/releases/download/v4.13.0/win32-x64-72_binding.node 确保网络不能太慢 昨晚WIFI太慢了。。。 确保以管理员身份执行命名 特别是 win10 ，执行 前端命名如果不以超级管理员身份执行。那么 可能会导致执行失败 配置npm 淘宝镜像 npm config set registry https://registry.npm.taobao.org 参考 参考网友的 提高下载速度 通过 npm 安装 node-sass npm uninstall node-sass && npm install node-sass 很多网页都说 通过git 去下载然后手动安装 node-sass , 试过了，并没有用。就这样直接安装就可以了。 安装好直接就可以进入项目目录下面 去执行 npm install 等操作了 可以指定 node-sass 版本安装 node-sass 5 不兼容 node-sass 4 的。如果npm install 报错，可以根据提示信息 指定版本配置 npm uninstall node-sass && npm install node