Vue 安装

命令行模式安装

---

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

# 全局安装 vue-cli
npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
vue init webpack my-project
# 安装依赖，走你
cd my-project
npm install
npm run dev

CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手，我们强烈建议先在不用构建工具的情况下通读指南，熟悉 Vue 本身之后再研究 CLI。

对于大陆用户，建议将 npm 的注册表源设置为国内的镜像，可以大幅提升安装速度。

SASS/SCSS问题

---

大陆用户执行完上述步骤后一般来说是无法使用sass/scss的(除非翻墙)。如果要使用的话,需要换成国内镜像安装。

方法一

利用cnpm安装

# -g 全局安装
# --registry 镜像
npm install cnpm -g --registry=https://registry.npm.taobao.org

# --save-dev 添加到开发环境依赖
cnpm install --save-dev sass-loader style-loader css-loader

方法二

npm install --save-dev style-loader css-loader
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
 
说明：
 
--registry=https://registry.npm.taobao.org 淘宝npm包镜像
 
--disturl=https://npm.taobao.org/dist 淘宝node源码镜像，一些二进制包编译时用
 
--sass-binary-site=http://npm.taobao.org/mirrors/node-sass 这个才是node-sass镜像

成功安装上后就可以使用sass/scss啦

Babel

---

使用vue-cli构建的项目如果需要载入src或test下以外的js文件时,请注意在bulid/webpack.base.conf.js中修改一下配置。

      {
        test: /\.js$/,
        loader: 'babel-loader',
        # 需要改动的地方：
        include: [resolve('src'), resolve('test'), resolve('path')]
      },

改完后重启服务就OK啦！