Vue init是一個(gè)官方提供的命令行工具,它能幫助我們快速生成一個(gè)完整的Vue項(xiàng)目模板。在它的發(fā)布初期,受到了廣泛的關(guān)注和使用。以下是使用vue init 1.0腳手架搭建Vue項(xiàng)目的基本流程:
//全局安裝vue-cli npm install -g vue-cli //查看可用的vue模板 vue list //基于webpack模板創(chuàng)建新項(xiàng)目 vue init webpack my-project //根據(jù)提示依次輸入項(xiàng)目名稱、項(xiàng)目描述、作者等信息 //進(jìn)入到項(xiàng)目目錄下安裝所需依賴 cd my-project npm install //啟動(dòng)項(xiàng)目 npm run dev
在使用過程中,vue init提供了一些默認(rèn)的配置文件,方便我們進(jìn)行快速開發(fā),可以用編輯器打開并進(jìn)行修改,比如
//webpack.base.conf.js resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), }, } //webpack.dev.conf.js devtool: 'cheap-module-eval-source-map', plugins: [ new webpack.DefinePlugin({ 'process.env': require('../config/dev.env') }),
通過這些默認(rèn)的配置,我們可以快速進(jìn)行Vue項(xiàng)目的開發(fā),同時(shí)也可以根據(jù)項(xiàng)目需求進(jìn)行修改和定制化操作。總的來說,vue init 1.0是一個(gè)非常好用的工具,可以大大提升我們的開發(fā)效率。