腳手架版本:vue-cli3
1 建立專案
1.1 命令建立專案
terminal輸入:vue create project-name
接下來會進行乙個preset選擇
default(快速搭建專案原型)
manually(手動進行專案配置)
1.2 使用圖形化介面建立管理專案
terminal輸入:vue ui
2 安裝專案依賴以及配置
npm install axios //請求
npm install vconsole //log
nom install vue-router //路由
pxtorem依賴:
npm install postcss-pxtorem
npm install lib-flexible
專案中vue.config.js是可選項,在package.json同目錄下建立該檔案vue.config.js
在vue.config.js做css配置
module.exports = )] }
}}}
在main.js 引入 import "lib-flexible/flexible.js
3 路由配置
src下建立router/index.js
import vue from 'vue'
import router from 'vue-router'
//引入元件模組
import hello from '@/components/helloworld'
vue.use(router)
export default new router(
]})
在main.js引入 import router from './router' Vue環境配置簡單建立專案
vue簡單安裝 簡單實用 1.node.js不可少 node.js nodejs官網 win r 輸出 cmd命令 node v 檢視node.js版本 2.安裝 映象 cmd命令 npm install g cnpm registry 3.搭建vue cli腳手架 cmd命令 cnpm insta...
vue 建立vue專案
在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...
簡單易上手的Vue專案建立
安裝node.js v10 查詢版本號 node v npm v安裝git工具 安裝cnpm npm install g cnpm registry 安裝腳手架 cnpm install vue cli g建立專案 vue create 專案名稱啟動專案 進入專案目錄 執行 npm run serv...