vue專案建立 簡單配置

2021-10-05 03:51:33 字數 1007 閱讀 8529

腳手架版本: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...