新建並執行第乙個Vue專案

基本環境要求：node、npm

npm install -g vue-cli

//全域性安裝vue-cli
vue init webpack project-name
//建立乙個基於"webpack"模板的新專案
npm install //安裝所有依賴的庫
npm run dev //執行，預設需要8080埠

3、src/router：存放路由

5、static資料夾：存放靜態檔案，一般是一些官方的檔案，如bootstrap、jquery等

6、src/main.js：專案入口

7、index.html：一般對static中檔案的引用都放在裡面

1、修改package檔案

找到package.json檔案

新增"jquery":」版本號「
命令列執行npm install命令，安裝jquery

//找到plugins，在裡面加入下面**

plugins: [
new webpack.optimize.commonschunkplugin('common.js'),
new webpack.provideplugin()
]

4、修改.eslintignore檔案

命令列執行npm run dev            //此時會警告$未被使用，而這個問題是可以忽略的

找到.eslintignore檔案，新增*.* //新增完後重新執行，就不會報上面的警告了

1.1 在src/components裡面新增headerbar.vue檔案，並編寫相應**

1.3 效果，我們看到在最下面出現了hello，i am a header字樣，元件使用成功

2.1 進入src/router/index.js，在頂部import引入元件，並在conponents中新增元件

routes：路由物件陣列

components：元件集合，格式為 元件對外名：元件名

第乙個vue執行

1，我剛入手，所以直接在網上d的模板，用的element，倉庫 2，vue搭建環境 vue需要nodejs支援，需要用到npm npm的作用就是對node.js依賴的包進行管理 新版本安裝的時候，nodejs會將其一起安裝上。一般用lts，穩定版本 2 安裝完以後可以嘗試用命令裝x一下。測試下版本 ...

搭建第乙個Vue專案

如果沒有什麼問題的話，nodejs安裝成功後會將npm 包管理工具 自動新增至系統的環境變數。開啟cmd，輸入命令 npm v 我的結果如下，表示安裝成功，npm已新增至系統環境變數 npm畢竟是國外的，抽風是極有可能的。所以可以使用taobao的替代產品cnpm。安裝方式為在cmd中輸入如下 np...

第乙個vue測試專案

1.安裝node.js 安裝完後 開啟命令列工具，輸入 node v 看版本號 2.安裝cnpm 在命令列中輸入 npm install g cnpm registry 等待非常久 完成之後，我們就可以用cnpm代替npm來安裝依賴包了 3.安裝vue cli腳手架構建工具 在命令列中執行命令 cn...