使用cnpm建立vue專案(含離線安裝)
阿新 • • 發佈：2020-08-13
# 全域性安裝淘寶cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
#升級 npm
cnpm install npm -g
# 升級或安裝 cnpm
npm install cnpm -g
在用 Vue.js 構建大型應用時推薦使用 NPM 安裝：
# 最新穩定版
cnpm install vue
Vue.js 提供一個官方命令列工具，可用於快速搭建大型單頁應用。
# 全域性安裝 vue-cli $ cnpm install --global vue-cli # 建立一個基於 webpack 模板的新專案 $ vue init webpack my-project # 這一步會因為拉去不到國外的檔案而報錯，可以參考最下面離線安裝的辦法 # 這裡需要進行一些配置，預設回車即可 This will install Vue 2.x version of the template. For Vue 1.x use: vue init webpack#1.0 my-project ? Project name my-project ? Project description A Vue.js project ? Author runoob <[email protected]> ? Vue build standalone ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Standard ? Setup unit tests with Karma + Mocha? Yes ? Setup e2e tests with Nightwatch? Yes vue-cli · Generated "my-project". To get started: cd my-project npm install npm run dev Documentation can be found at https://vuejs-templates.github.io/webpack
$ cd my-project
$ cnpm install
$ cnpm run dev
DONE Compiled successfully in 4388ms
> Listening at http://localhost:8080
注意：Vue.js 不支援 IE8 及其以下 IE 版本。
離線安裝
通過vue-cli工具命令vue init webpack vuedemo建立vue專案的時候報錯，提示連線超時，應該是下載某個package的時候，需要翻牆，導致出現連線超時。超時錯誤截圖如下：
解決辦法是改為離線建立，我們需要下載github倉庫中的vue-templates/webpack，然後解壓到本地。下載地址為： https://github.com/vuejs-templates/webpack，下載之後，解壓到本地使用者目錄下的.vue-templates目錄下。
下載之後的壓縮包為webpack-develop.zip，我們解壓之後，需要更改目錄名為webpack。使用者目錄下的目錄為.vue-templates，注意資料夾名稱前面的點(.)。
這樣，我們再進行vue init webpack vuedemo命令的時候，需要帶上引數--offline表示離線初始化。
安裝成功的介面顯示：
檔案：webpack-develop.zip下載地址：https://files.cnblogs.com/files/sanduzxcvbnm/webpack-develop.zip