如今前端主流的有三大框架,vue,angular,react,vue是國人大牛建立的,一開始的定位是依賴庫,但發展到目前已是一個成熟的前端框架了,因此咱們有必要了解一下這個vue。那如何建立一個vue項目呢,咱們從下載node.js開始。前端
node官網:https://nodejs.org/en/;vue
安裝node.js,注意:在安裝Node.js前,先cmd(命令提示符)運行 node -v 查看是否已經有Node.js版本,如有,則請先卸載或刪除;node
npm安裝,npm -v查看是否已安裝了npm;react
打開cmd,進行安裝,輸命令:webpack
npm install -g cnpm --registry=https://registry.npm.taobao.org;es6
vue-cli安裝,命令行爲 npm install -g vue-cli;web
致此,全局環境已經搭建完成,如下常用:vue-cli
建立項目npm
建立一個文件夾(總項目),如:vuework文件夾,在文件夾下的欄目地址輸入cmd進入此文件夾下;前端框架
建立項目,命令:vue init webpack my-vue(my-vue爲項目文件夾名稱),一直enter,路由插件安裝,其餘均no,須要es6語法檢查可自行安裝;
訪問項目
到項目文件夾下的地址欄輸入cmd,進入後執行:
運行命令 : npm run dev;
訪問別人項目時,先安裝依賴 npm install
上傳服務器,修改config->index.js->assetsPublicPath: '/',改成assetsPublicPath: './';
運行命令 : npm run build;