首先需要您安裝一個Vue項目

• 在終端輸入指令安裝vue

npm install -g @vue/cli

• 安裝過程中報出錯誤，或者長時間下載不成功，可能原因是由于npm指令下載的都是從git脫下來的，所以我們訪問的是國外的網(wǎng)址，通常情況是由于網(wǎng)絡不穩(wěn)定造成，我們 更改一下鏡像 就可以解決。
• 如果您還沒有安裝鏡像，在這邊建議安裝淘寶鏡像

npm install -g cnpm --registry=https://registry.npm.taobao.org

• 如果您已經(jīng)安裝了淘寶鏡像但是沒有使用則調(diào)用以下代碼設(shè)置淘寶鏡像

npm config set registry https://registry.npm.taobao.org

• vue安裝完成之后調(diào)用指令下面指令查看版本號

vue --version

• 如果您已經(jīng)安裝過vue但是版本過低需要更新vue則執(zhí)行下面指令，即可更新vue

npm update -g @vue/cli

• 然后我們初始化搭建項目

$ vue init webpack my-project

• 搭建過程中參數(shù)調(diào)整，我們這里設(shè)置無路由，等

  
  
  vue.png

• 搭建成功之后指令行出現(xiàn)下面代碼

$ cd my-project
$ npm install

• 然后再用npm安裝sass要用的包

npm install --save-dev sass-loader

npm install --save-dev node-sass

• 兩個包都是必須安裝的，不可以缺少

• 然后再vue里面的style標簽添加如下代碼即可使用

<style lang="sass" scoped>

</style>

• 結(jié)束，可以愉快的使用了。