欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用vue-cli webpack 快速搭建项目的代码

程序员文章站 2022-05-29 18:10:49
一、安装vue npm install vue -g 二、用vue-cli快速搭建项目 //全局安装vue-cli npm install instal...

一、安装vue

npm install vue -g

二、用vue-cli快速搭建项目

//全局安装vue-cli
npm 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? (recom
mended) 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.js
npm 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.659s
found 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 dev
documentation can be found at https://vuejs-templates.github.io/webpack

三、进入项目运行

cd xxxx
//运行
npm run dev


四、在浏览器上打开localhost:8080

使用vue-cli webpack 快速搭建项目的代码

总结

以上所述是小编给大家介绍的使用vue-cli webpack 快速搭建项目的代码,希望对大家有所帮助