vue腳手架的使用

npm install -g @vue/cli    --全局環境安裝vue/cli

vue create <project-name>

在建立項目時你會被提示選取一個 preset。你能夠選默認的包含了基本的 Babel + ESLint 設置的 preset，也能夠選「手動選擇特性」來選取須要的特性。

在多選時，空格表明選中，enter表明進入下一個配置項

且你手動選擇的配置項還會存入到你電腦的 ~/.vuerc （C:\Users\Admin）文件中，這樣子你下次建立vue項目的時候，能夠選擇你以前手動配置的配置，這點vue cli3作得很人性化。上面的配置選擇完以後，一個簡單的vue項目就建立成功了。這個時候你在命令行cd hello-world，進入到hello-world項目根路徑下，命令行敲下npm run serve，項目就開始跑起來啦。

關於npm install的做用：

1. 爲了在開發過程當中，安裝功能模塊的方便，產生了npm包管理器。

在git clone項目的時候，項目文件中並無 node_modules文件夾。

爲何呢？

咱們知道這個文件中保存的是咱們項目開發中所使用的依賴模塊。這個文件夾可能有幾百兆大小，若是放到github上，其它人clone的時候會很是慢，這個時候就想到用一個package.json依賴配置文件解決這個問題。

這樣每一個人下載這個項目的時候，只須要進入該項目目錄 直接npm install npm就會到裏面去找須要的函數庫，也就是依賴。

例如package.json裏有一段

"dependencies": {"vue": "2.5.17","vue-router": "3.0.2", "element-ui": "2.4.6",},

那麼npm install就會讀取dependencies中的模塊，下載這些模塊文件。

那麼這些依賴會放在什麼地方呢？咱們在哪裏能找到這些依賴文件呢？

npm install執行完之後，咱們會發如今項目下多了一個 node_modules文件夾。咱們安裝的依賴文件均可以在這裏面找到哦~。

2. npm install ...和npm install 有哪些區別呢

npm install <...> 只下載依賴模塊，package.json中dependencies並無改變。

npm install <...> --save 會自動往 package.json中"dependencies" 添加xxx屬性。

npm install <...> --save -dev 自動往package.json中"devdependencies" 添加xxx屬性。

注：

dependencies：生產環境須要依賴的庫

devdependencies：只有開發環境下須要依賴的庫