VUE2 STEP1 用npm安裝環境

2021-10-05 12:30:17 字數 956 閱讀 3007

#檢視版本

$ 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...