https://www.jianshu.com/p/60d4deda978a

1、vue.min.js檔案獲取：
直接下載後將其放入工程中，引用該檔案：

連結：https://vuejs.org/js/vue.min.js

或者，使用CDN，以下推薦國外比較穩定的兩個 CDN，國內還沒發現哪一家比較好，目前還是建議下載到本地：

• BootCDN（國內）:https://cdn.bootcss.com/vue/2.2.2/vue.min.js

• unpkg：https://unpkg.com/vue/dist/vue.js, 會保持和 npm 釋出的最新的版本一致。

• cdnjs:https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

之後就和正常的js一樣引用，如：

 <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>

2、下載安裝node

官網：https://nodejs.org/en/download/

下載安裝node

3、cnpm代替npm
國內直接使用 npm 的官方映象是非常慢的，推薦使用淘寶 NPM 映象：

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

之後就可以使用淘寶定製的 cnpm 命令列工具，來安裝模組了：

cnpm install [name]

4、安裝Vue.js 的官方命令列工具：

# 全域性安裝 vue-cli
sudo cnpm install --global vue-cli
# 或
cnpm install -g vue-cli

5、建立一個新的專案：

# 建立一個基於 webpack 模板的新專案
vue init webpack my-project
# 這裡需要進行一些配置，預設回車即可

報錯，這個錯誤是node_modules帶來的，先忽略：

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install:node install.js

npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above

6、執行專案：

cd my-project
cnpm install # 安裝依賴，安裝在node_modules資料夾
cnpm run dev #執行專案

參考資料：https://blog.csdn.net/m0_37479246/article/details/78836686
http://www.runoob.com/vue2/vue-install.html
https://blog.csdn.net/gh254172840/article/details/78871573
https://blog.csdn.net/qq_34233232/article/details/78178362

作者：蟲yu
連結：https://www.jianshu.com/p/60d4deda978a
來源：簡書
著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。