1、安裝vue-cli腳手架

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、惠農(nóng)網(wǎng)絡(luò)推廣、重慶小程序開發(fā)、惠農(nóng)網(wǎng)絡(luò)營(yíng)銷、惠農(nóng)企業(yè)策劃、惠農(nóng)品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供惠農(nóng)建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

a.下載安裝node.js，隨包同時(shí)也安裝了npm;
b.安裝vue-cli：npm install vue-cli -g;  //全局安裝，只需要安裝一次，以后新建其他的項(xiàng)目不用安裝了
c.vue init webpack demo  //初始化項(xiàng)目，注意是vue init，而不是npm init(這個(gè)是創(chuàng)建package.json文件的)
        先要進(jìn)入我們項(xiàng)目的安裝目錄，然后執(zhí)行下面的操作
d.nmp install  //安裝項(xiàng)目依賴包，也就是安裝package.json里的包
e.npm run dev  //開發(fā)模式下運(yùn)行我們的程序。給我們自動(dòng)構(gòu)建了開發(fā)用的服務(wù)器環(huán)境和在瀏覽器中打開，并實(shí)時(shí)監(jiān)視我們的代碼更改，即時(shí)呈現(xiàn)給我們。
f.npm run build  //發(fā)布文件，項(xiàng)目根目錄生成了dist文件夾，這個(gè)文件夾里邊就是我們要傳到服務(wù)器上的文件。

2、vue-router：SPA（單頁(yè)應(yīng)用）的路徑管理器

☆☆ src/router/index.js，是路由的核心文件，這里面配置路由參數(shù)：
引入新增加的路由文件：import Hello from '@/components/Hi'
配置路由名稱Hi、路徑`/Hi`和對(duì)應(yīng)的組件模板

☆☆ 在src/components目錄下，新建 Hi.vue 文件，文件包括三部分：