Vue脚手架搭建项目
全局安裝vue腳手架
$ npm install -g vue-cli
卸載方法
$ npm uninstall -g vue-cli
查看vue版本(注意:大寫的V)
$ vue -V
創建項目
$ vue init webpack vue-app
? Project name vue-app
? Project description Vue Project
? Author ProsperLee <lcsshengsss@outlook.com>
? Vue build (Use arrow keys)
> Runtime Compiler: recommended for most users
Runtime-only: about 6KB lighter min gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere
? Install vue-router? No
? 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)
(Use arrow keys)
> Yes, use NPM
? Yes, use Yarn
? No, I will handle that myself
項目根目錄下執行:
$ npm run dev
Your application is running here: http://localhost:8080
安裝路由
$ npm install vue-router --save-dev
安裝vue-resource
$ npm install vue-resource --save-dev
安裝WangEditor
$ npm install wangeditor --save-dev
打包項目
$ npm run dev
更多專業前端知識,請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的Vue脚手架搭建项目的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: display详细说明
- 下一篇: vue.extend与vue.compo