1. 程式人生 > >如何用VUE腳手架新建專案,並且設定淘寶映象。

如何用VUE腳手架新建專案,並且設定淘寶映象。

轉載 http://blog.csdn.net/bruceyangjie/article/details/70168985

首先要安裝好node.js,然後才可以用vue。

設定淘寶映象:大家都知道國內直接使用 npm 的官方映象是非常慢的,這裡推薦使用淘寶 NPM 映象。

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

這樣就可以使用 cnpm 命令來安裝模組了: cnpm install[name]

安裝webpack 

cnpm install webpack-g

安裝vue腳手架

npm install vue-cli-g

在硬碟上找一個資料夾放工程用的,在終端中進入該目錄

cd目錄路徑

然後就可以建立vue專案了

環境要求:  安裝有 Node.js、 vue、 vue-cli 。

建立專案:

vue init webpack projectName


進入專案,下載依賴:

npm install 或者 cnpm install


執行專案:

npm run dev



這樣就算構建成功了,現在可以看到這個頁面


轉載:http://blog.csdn.net/quuqu/article/details/64121812

如何設定淘寶映象

如何使用
有很多方法來配置npm的registry地址,下面根據不同情境列出幾種比較常用的方法。以淘寶npm映象舉例:

1.臨時使用

npm --registry https://registry.npm.taobao.org install express
  • 1

2.持久使用

npm config set registry https://registry.npm.taobao.org
  • 1
  • 配置後可通過下面方式來驗證是否成功
    npm config get registry

  • npm info express

3.通過cnpm使用

npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 1
  • 使用
    cnpm install express