如何使用vue和webpack搭建項目

1.首先新建一個文件夾，用vscode打開該文件夾
2.進入終端

3.使用npm install -g vue-cli安裝vue-cli

4.使用vue init webpack my-project系統會幫咱們建立一個my-project文件夾並初始化包括安裝相關的依賴，很是的方便
這裏面有一個巨坑，老是會安裝失敗，提示Please try running this command again as root/Administrator.

5.我開始在vscode裏面打開終端，一直提示沒有權限報錯，解決方法是以管理員的身份打開cmd終端，而後再使用npm cache clean -f清除緩存

6.再次運行vue init webpack my-project就成功能安裝成功啦！

安裝成功會按照提示進入文件夾，走起~

7.在瀏覽器打開如下網址

訪問成功

8.更改咱們的網址，能夠localhost改爲咱們的IP地址，修改端口號等

注意！修改端口個IP地址等配置文件必定要從新運行配置才能生效
在命令行中Ctrl+C

確認後輸入npm run dev便可

你能夠安裝本身須要的UI框架，我以安裝elementUI爲例
1.運行npm i element-ui -S

打開package.json文件發現elementUI已經安裝好了

打開main.js文件配置以下

這個樣子完成了項目的初始化，咱們就能夠在src目錄下開始咱們編輯咱們的項目了

關於elementUI組件的使用和自定義主題配色能夠看官方文檔
http://element-cn.eleme.io/2....