VUE初次見面

臨時使用 npm --registry https://registry.npm.taobao.org install express
持久使用 npm config set registry https://registry.npm.taobao.org
通過cnpm使用 npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install cnpm -g --registry=https://registry.npm.taobao.org

如果你發現你安裝成功了，使用cnpm卻發現找不到命令，那麼就是你的環境變量有問題，在環境變量裏面的path添加你node的安裝路徑就行，比如";C:\Program Files\nodejs\node_modules"

安裝vue腳手架vue-cli

cnpm install -g vue-cli

安裝完後可使用vue -V 查看vue版本

cd到對應的目錄下初始化vue項目

vue init webpack [my-project]

Project name 項目名
　　　　　　Project description 項目名描述
　　　　　　Author 作者郵箱
　　　　　　Use ESLint to lint your code? 是否需要ESlist語法檢查
　　　　　　Setup unit tests with Karma + Mocha? 是否需要單元測試
　　　　　　Setup e2e tests with Nightwatch? Yes是否需要e2e測試

vue項目依賴注入

package.json爲項目依賴資源，如果要運行這個項目需要使用cnpm install 安裝依賴項（直接在項目文件夾路徑下執行）

vue項目啓動

cnpm run dev

瀏覽器訪問 http://localhost:8080/#/

vue項目打包

cnpm run build （若出現空白應該是js路徑出錯）

通過上面的一波操作VUE的版本是2.8（並非3.0以上）

在前面已經使用了cnpm

安裝過舊版本卸載方式如下 npm uninstall vue-cli -g //或者 yarn global remove vue-cli
卸載後使用 vue -v 就沒用了
Vue CLI 3需要 nodeJs ≥ 8.9

安裝@vue/cli（Vue CLI 3的包名稱由 vue-cli 改成了 @vue/cli）

cnpm install -g @vue/cli //yarn global add @vue/cli

vue -V 檢查vue版本號就是3.0以上就對了

npm在node自動安裝下可能不是最新版

npm -v 查看版本號
npm install npm@latest -g 安裝最新版本
npm update [更新相關包]
npm install [相關插件安裝便於引用]
npm uninstall （package）卸載相關插件
npm uninstall -g （package）卸載全局插件
npm uninstall --save （package）移除引用中插件

cnpm sync connect 同步模塊

直接通過 sync 命令馬上同步一個模塊（只有 cnpm 命令行纔有此功能）

下面我們就一起來用它創建一個簡單的項目吧

(進入你想放的文件目錄執行cmd)

項目的創建參考博文

防止博主有天移除博文

*官方提示：如果你在 Windows 上通過 minTTY 使用 Git Bash，交互提示符並不工作，必須通過 winpty vue.cmd create hello-world 啓動這個命令

vue create //文件名不支持駝峯（含大寫字母）

my-default 是之前保存的預設配置
default（babel，eslint）：默認設置（直接enter）非常適合快速創建一個新項目的原型，沒有帶任何輔助功能的 npm包
Manually select features：自定義配置（按方向鍵 ↓）是我們所需要的面向生產的項目，提供可選功能的 npm 包

這裏我選擇的default，然後簡單創建VUE項目。

在執行完之後，會提示你 cd 到項目路徑裏面。 cd xx
進入項目裏面後執行 npm run serve 項目就跑起來了
使用瀏覽器輸入 http://localhost:8080/

通過以上的騷操作基本滿足想學VUE，又簡單瞭解後選擇繼續還是放棄的時候了。

VUE初次見面