詳解如何安裝Vue-cli

一、前提


    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






發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章