1. 程式人生 > >vue-cli 筆記

vue-cli 筆記

ebp 初始 初始化 -h uil -- one html aic

npm -v 查看npm版本

npm install vue-cli -g 安裝vue-cli

vue -V 來進行查看 vue-cli的版本號

vue init webpack vuedemo ( vue init <template-name> <project-name>) 初始化項目 vuedemo項目名稱 可以自己取名 ; template-name 五種 通常用webpack

? Project name vuedemo

? Project description A Vue.js project

? Author caicai

? 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) np

m

cd vuedemo 進入我們的vue項目目錄。vuedemo項目名稱

npm install 安裝我們的項目依賴包,也就是安裝package.json裏的包, 也可寫成cnpmpwd

npm run dev 開發模式下運行我們的程序

.

|-- build // 項目構建(webpack)相關代碼 | |-- build.js // 生產環境構建代碼 | |-- check-version.js // 檢查node、npm等版本 | |-- dev-client.js // 熱重載相關
| |-- dev-server.js // 構建本地服務器 | |-- utils.js // 構建工具相關 | |-- webpack.base.conf.js // webpack基礎配置 | |-- webpack.dev.conf.js // webpack開發環境配置 | |-- webpack.prod.conf.js // webpack生產環境配置 |-- config // 項目開發環境配置 | |-- dev.env.js // 開發環境變量 | |-- index.js // 項目一些配置變量 | |-- prod.env.js // 生產環境變量 | |-- test.env.js // 測試環境變量 |-- src // 源碼目錄 | |-- components // vue公共組件 | |-- store // vuex的狀態管理 | |-- App.vue // 頁面入口文件 | |-- main.js // 程序入口文件,加載各種公共組件 |-- static // 靜態文件,比如一些圖片,json數據等 | |-- data // 群聊分析得到的數據用於數據可視化 |-- .babelrc // ES6語法編譯配置 |-- .editorconfig // 定義代碼格式 |-- .gitignore // git上傳需要忽略的文件格式 |-- README.md // 項目說明 |-- favicon.ico |-- index.html // 入口頁面 |-- package.json // 項目基本信息

vue-cli 筆記