#檢視版本
$ npm -v
2.3.0
#公升級 npm
cnpm install npm -g
#公升級或安裝 cnpm
npm install cnpm -g
如果速度較慢,可以使用**映象:
$ npm install -g cnpm --registry=
#安裝最新穩定版
$ npm install vue
命令列工具
vue.js 提供乙個官方命令列工具,可用於快速搭建大型單頁應用。
可以建立乙個新的資料夾:
#全域性安裝 vue-cli
$ cnpm install --global vue-cli
#建立乙個基於 webpack 模板的新專案
$ vue init webpack my-project
#這裡需要進行一些配置,預設回車即可
如果找不到vue命令,查詢vue所在,並建立軟連線
ln -s /usr/local/nodejs/node-v10.9.0-linux-x64//bin/vue /usr/local/bin/
進入專案,安裝並執行:
成功執行以上命令後訪問 http://localhost:8080/,輸出結果如下所示:
如果使用的是雲,那麼遠端ip便無法訪問,這裡是乙個小坑!:
方法1.將index.js中的host的值改為『0.0.0.0』
方法2.修改package.json中script下dev的值,在後面加入–host 0.0.0.0 也可以解決
vue2與vue1的區別
在前面的學習過程中我們已經對vue1有了一定的了解,下面我們來學習一下vue2,看一下vue1與vue2有什麼區別。區別1 在寫 的時候首先要引入的是vue2js檔案。html box button value 新增 click add js window.onload function metho...
說說 vue1 vue2 和 vue3 的區別
面試時被問到,那就趁機梳理一下 vue 的演進吧 詳見從vue 1.x 遷移 生命週期 比如說 beforecompile 移除,使用 created 替代,compiled 移除,使用 mounted 替換等 語法新陣列語法 value,index in arr,並丟棄 index 和 key 過...
(2)用vue寫專案 專案檔案結構
readme.md專案描述說明檔案 package.json 安裝依賴的包 index.html 首頁模板,專案的首頁 postcssrc.js 是post的配置項 gitignore 有些檔案不需要用git上傳,不需要上傳 eslintrc.js 規範,按eslint標準 eslintignore...