Vue專案環境搭建

2021-09-13 23:22:06 字數 1425 閱讀 1327

參考**：

1、安裝及執行()

//全域性安裝 vue-cli


$ cnpm install --global vue-cli（版本2


//建立乙個基於 webpack 模板的新專案


$ vue init webpack my-project


//這裡需要進行一些配置，預設回車即可


$ cd my-project


$ cnpm install


$ cnpm run dev
2、安裝vue版本3

cnpm install -g @vue/cli（版本3）


//檢視vue 版本命令


vue -v


//建立vue專案，專案名為demo


vue create demo


cd demo


//執行


npm run serve
參考**：

1、安裝

npm install vue-router
2、專案根目錄下建立vue.config.js檔案，新增以下**

module.exports =
3.出現錯誤，解決方案

參考**：

v2/guide/installation.html#術語

解決方案：執行步驟2

1、安裝全域性npx

cnpm install -g npx
2、建立專案

3、專案配置

4、開啟專案目錄，執行專案

cd myproject


npm run dev
5、配置package.json檔案,新增–exec babel-node

6、在專案根目錄下建立.babelrc檔案，新增以下內容

7、安裝babel-parset-es2015和babel-cli,不安裝babel-cli會報小面的錯誤

搭建 vue專案環境

1.前期準備 1 檢測電腦是否安裝node.js 依次 開始 搜尋cmd 回車 或者用快捷鍵 windows r 然後在命令列輸入node v，按下回車鍵 如果出現 node 不是內部或外部命令，也不是可執行的程式 說明沒有安裝node.js 2 檢測node.js是否安裝成功 依次 開始 搜尋cm...

vue環境搭建，vue專案建立

vue這個新的工具，確實能夠提高效率，在經歷的一段時間的摧殘之後，終於能夠有乙個系統的認識了，下面就今天的收穫做乙個總結，也是vue入門的精髓 1.要使用vue來開發前端框架，首先要有環境，這個環境要借助於node，所以要先安裝node，借助於node裡面的npm來安裝需要的依賴等等。這裡有乙個小技...

搭建vue專案環境步驟

npm install global vue cli 1 儀錶盤外掛程式中新增外掛程式，搜尋 vue cli plugin element安裝 2 安裝完成，在配置外掛程式中，第一項選擇import on demand 按需手動配置 1 儀錶盤依賴中安裝依賴，執行依賴中搜尋axios，進行安裝 2 ...