關於vue專案的建立

2021-07-30 19:01:43 字數 757 閱讀 8699

1、對於新手來說,直接去官網看vue官方文件和ivew官方文件,想要練習的話,首先知道要去搭建vue環境,網上關於環境搭建很多,一般來說安裝node好node環境和**映象以後就好了,不需要按照一般的說法去初始化乙個工程,這樣你會發現裡面的專案目錄對於新手來說,會看的特別不清楚;

3、首先建立乙個目錄,開啟iview.exe,選擇剛才建立的目錄建立工程即可,注意這裡的目錄不要包含中文和特殊字元,不然執行的時候會報錯;

4、cmd下進入到剛才建立的目錄,執行命令cnpm  install,專案目錄下多了node_modules,安裝好了依賴包,然後cnpm  run dev,提示成功,就可以開啟瀏覽器輸入就會看到帶有vue標誌的頁面。注意3,4步順序不能顛倒,先是用腳手架建立專案,然後才可以安裝依賴包,否則編譯不成功;

5、vue專案頁面跳轉是根據路由決定的,開啟專案目錄下的router.js,會發現有乙個預設的index,這也就是為什麼開始開啟那樣的頁面,檢視index.vue的**即可。當我們要開啟新介面,在router.js裡模仿index建立乙個即可,注意目錄正確,要能找到對應的檔案,比如我們又建立了乙個test.vue,和index.vue同級,命名也為test,那麼在瀏覽器輸入即可;

6、vue專案下的.vue檔案的樣式會相互影響,如果不需要影響,在style上新增**

7、關於vue專案的ide,之前做前端開發一直用的webstorm,功能強大,但是耗費資源,尤其體現在開發vue專案上,導致系統一直卡死,應該是開了服務的原因,所以我現在使用的是vscode**編輯器,感覺挺不錯的,值得推薦。

vue 專案的建立

1.開始動手之前,必須先得在機器上安裝好 npm 然後輸入以下指令將 vue cli 安裝到 的全域性環境中 只需要一次 npm i vue cli g npm 可以理解為前端方面的應用商店管理 2.然後,我們就可以開始建立工程了,鍵入以下的指令 vue init webpack demotest ...

vue專案的建立

npm install g cnpm registry 由於 npm 安裝速度慢,本教程使用了 的映象及其命令 cnpm,安裝使用介紹參照 使用 npm 映象。npm 版本需要大於 3.0,如果低於此版本需要公升級它 檢視版本 npm v 2.3.0 公升級 npm cnpm install npm...

Vue 專案的建立

1.安裝所需要的依賴包 建立專案預設選擇的包管理器順序是 yarn,cnpm,npm cnpm i yarn g 安裝模組 以下是語法,不需要安裝 yarn add module s yarn add module d yarn add module在cmd命令列中安裝全域性vue的腳手架 cnpm...