Vue安裝及建立項目

如今前端主流的有三大框架,vue,angular,react,vue是國人大牛建立的,一開始的定位是依賴庫,但發展到目前已是一個成熟的前端框架了,因此咱們有必要了解一下這個vue。那如何建立一個vue項目呢,咱們從下載node.js開始。前端

    1. node官網:https://nodejs.org/en/;vue

    2. 安裝node.js,注意:在安裝Node.js前,先cmd(命令提示符)運行 node -v 查看是否已經有Node.js版本,如有,則請先卸載或刪除;node

    3. npm安裝,npm -v查看是否已安裝了npm;react

      打開cmd,進行安裝,輸命令:webpack

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

    4. vue-cli安裝,命令行爲 npm install -g vue-cli;web

      致此,全局環境已經搭建完成,如下常用:vue-cli

    5. 建立項目npm

      建立一個文件夾(總項目),如:vuework文件夾,在文件夾下的欄目地址輸入cmd進入此文件夾下;前端框架

      建立項目,命令:vue init webpack my-vue(my-vue爲項目文件夾名稱),一直enter,路由插件安裝,其餘均no,須要es6語法檢查可自行安裝;

    6. 訪問項目

      到項目文件夾下的地址欄輸入cmd,進入後執行:
      運行命令 :  npm run dev;

    7. 訪問別人項目時,先安裝依賴  npm install

    8. 上傳服務器,修改config->index.js->assetsPublicPath: '/',改成assetsPublicPath: './';

      運行命令 :  npm run build;

相關文章
相關標籤/搜索