使用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 快速搭建项目的代码,希望对大家有所帮助
下一篇: 抖音怎么复制评论? 抖音评论语复制的方法