1. 程式人生 > >搭建vue全家桶

搭建vue全家桶

靜態頁 light -- vue ack sas nbsp sass log

1、直接利用vue-cli腳手架快速搭建

(1)全局安裝vue-cli

npm install -g vue-cli

(2)創建項目

vue init webpack-simple my-project-name

  1、項目名字

  2、項目描述

  3、作者名字

  4、是否使用sass

2、切換至項目下安裝依賴

npm install

3、安裝vue-router

npm install vue-router --save-dev

4、修改webpack.config.js的輸出路徑,改成絕對路徑(靜態頁面也能顯示完全)

/dist/ 改成./dist/

5、修改index.html的script的src輸出路徑同樣改成絕對路徑(靜態頁面也能顯示完全)

/dist/ 改成./dist/

搭建vue全家桶