1. vue init webpack +專案名稱
例子：vue init webpack baobao
generate project in current directory? yes
? project name pconline
? project description a vue.js project
? author zmt
? vue build standalone
? install vue-router? yes
? use eslint to lint your code? no
? set up unit tests no
? setup e2e tests with nightwatch? no
? should we run `npm install` for you after the project has been created? (recommended) npm
2. 安裝一些必備的第三方loader或外掛程式
//讓專案可以直接編寫scss結構的樣式
npm i node-sass sass-loader -d
然後在build的webpack.base.cof.js裡面配置 就可以了
記得編譯是
axios和vuex 如果不用到就不需要安裝
//安裝axios外掛程式,該外掛程式是用於請求資料
npm i axios -s
//安裝vuex
npm i vuex -s
3. 刪除一些不必要的元件hello.vue（在src.component裡面）以及相關的配置也要刪掉,路由裡和hello.vue相關都刪除掉
4. 執行輸入npm run dev 就好了
5 因為vue裡面沒有axios 所以可以直接把axios註冊為全域性變數
在src/main.js 中輸入import axios from 'axios'
vue初始化專案
速查 vue v npm v sudo npm install global vue cli sudo npm install g vue cli init 進入包下 vue init webpack home檢查node和npm版本 node vv14.3.0 npm v6.14.5 安裝vue ...
vue初始化專案
1 初始化專案 命令 f vueworkspace vue init webpack demo project 2 建立好的專案目錄結構 其中 build 專案構建 webpack 相關 檔案說明 build.js 生產環境構建指令碼 check versions.js 檢查npm node.js版...
Vue系列 搭建本地環境 初始化專案
開門見山，本系列是我個人學習vue教程的一些總結，適合有一些程式設計基礎的小白以及想要入門測試開發的測試人員。首選進入到你的專案存檔目錄中 cd users x pycharmproject 開始建立乙個vue專案，使用命令 vue init webpack vue demo，此命令含義是初始化 乙...