Vue 快速搭建大型单页应用。

最新推荐文章于 2024-01-18 15:28:04 发布

原创最新推荐文章于 2024-01-18 15:28:04 发布 · 642 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Vue 快速搭建大型单页应用。

Vue 快速搭建大型单页应用。专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用vue-cli全局安装，基于webpack模板创建新Vue项目，并进行基本配置，包括选择Vue版本、代码规范检查、单元测试及端到端测试设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.全局安装 vue-cli
cnpm install --global vue-cli
2.创建一个基于 webpack 模板的新项目
(注意：在自己要创建项目的目录前输入cmd回车后再创建命令)
vue init webpack my-project
这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.
For Vue 1.x use: vue init webpack#1.0 my-project
? Project name my-project
? Project description A Vue.js project
? Author runoob test@runoob.com
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated “my-project”.
To get started:
cd my-project
npm install
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
3.进入项目，安装并运行
cd my-project
cnpm install
cnpm run dev
或是为web Storm中打开项目—cnpm install—npm run start
在浏览器中打开http://localhost:8080即可看到关于vue的页面