# 全局安裝淘寶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 <test@runoob.com>
? 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的時候,需要FQ,導致出現連接超時。超時錯誤截圖如下:
解決辦法是改為離線創建,我們需要下載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