nodeJs本地已安裝。
二、創建webpack.json文件
1、在目錄下執行 npm init
2、根據提示輸入相關信息
3、輸入yes,完成package.json文件的建立
三、安裝全局vue-cli
1、執行 npm install --global vue-cli
2、安裝成功後檢測Vue版本 : vue -V(在此注意V爲大寫)
3、執行 vue init webpack my-project 使用vue創建建一個項目名叫“my-project”,注意項目名不能有大寫。
4、 項目建立過程中,有如下選擇,選擇NO。(該選項爲使用ESLint規範你的代碼,一個空格錯誤都將報錯,不開啓,避免不必要的麻煩)
5、項目建立完成後,目錄結構如下:
6、安裝項目所需依賴,進入項目中:npm install
完成後,會發現項目目錄下多出一個node_modules文件夾,裏面就是 vue-cli 創建的一個基於 webpack 的 vue.js 項目。
7、使用npm run dev,便可以打開本地服務器實時查看效果(localhost:8080)
如果瀏覽器打開之後,沒有加載出頁面,有可能是本地的 8080 端口被佔用,需要修改一下配置文件 config>index.js