一、安裝vue
npm install vue -g
二、用vue-cli快速搭建項目
//全局安裝vue-clinpm install install -g vue-cli//創建一個基于webpack模板的項目vue init webpack [demoname]? Project name (xxx)? Project name xxxx? Project description (A Vue.js project)? Project description A Vue.js project? Author (xj <x@xm.com>)? Author xx <x@xlm.com>? Vue build (Use arrow keys)? Vue build standalone? Install vue-router? (Y/n) y? Install vue-router? Yes? Use ESLint to lint your code? (Y/n) n? Use ESLint to lint your code? No? Set up unit tests (Y/n) n? Set up unit tests No? Setup e2e tests with Nightwatch? (Y/n) n? Setup e2e tests with Nightwatch? No? Should we run `npm install` for you after the project has been created? (recom? Should we run `npm install` for you after the project has been created? (recommended) npm vue-cli ? Generated "paixiaoyang_backstage".# Installing project dependencies ...# ========================npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes andnew features!npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.> uglifyjs-webpack-plugin@0.4.6 postinstall F:/work/paixiaoyang_backstage/paixiaoyang_backstage/node_modules/webpack/node_modules/uglifyjs-webpack-plugin> node lib/post_install.jsnpm notice created a lockfile as package-lock.json. You should commit this file.npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents):npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})added 1127 packages from 646 contributors and audited 10642 packages in 157.659sfound 2 vulnerabilities (1 moderate, 1 high) run `npm audit fix` to fix them, or `npm audit` for details# Project initialization finished!# ========================To get started: cd xxxx npm run devDocumentation can be found at https://vuejs-templates.github.io/webpack三、進入項目運行
cd xxxx//運行npm run dev
四、在瀏覽器上打開localhost:8080

總結
以上所述是小編給大家介紹的使用vue-cli webpack 快速搭建項目的代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答