vue创建基于 webpack 模板的新项目

武当王也拜见老天师

已于 2023-02-08 09:37:03 修改

阅读量184

点赞数

分类专栏： vue 文章标签： vue.js webpack

于 2023-02-08 09:23:11 首次发布

本文链接：https://blog.csdn.net/Oct_Somnus/article/details/128929474

版权

vue 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

文章介绍了如何使用VueCLI进行全局安装，然后通过`vueinitwebpackmy-project`创建基于webpack模板的新项目。在项目创建过程中，涉及了项目名称、描述、作者的选择，以及vue-build、vue-router、ESLint、单元测试和E2E测试的配置选项。最后提到了项目创建后依赖的安装方式。

摘要由CSDN通过智能技术生成

# 全局安装 vue-cli
$ npm install --global vue-cli

# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project

选项描述：

Project name (my-project): #项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。
Project description (A Vue.js project): #项目描述，如果不需要就直接回车。
Author (xxx)：#项目作者，默认计算机用户名
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 #译：只运行大约6KB比较轻量的压缩文件，但只允许模板（或任何VUE特定HTML，VUE文件需要在其他地方呈现函数。翻译不精准，意思大概是选择该构建方式对文件大小有要求
install vue-router? #安装vue的路由插件，需要就选y，否则就n [建议Y]
Use ESLint to lint your code? #是否使用ESLint检测你的代码？[ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。建议选择 ‘N’ 因为选择 ‘Y’ 在做调试项目时,控制台会有很多 黄色警告 提示格式不规范,但其实并不影响项目]
Setup unit tests? #是否安装单元测试(暂不详细介绍)[建议N]
Setup e2e tests with Nightwatch(Y/n)? #是否安装E2E测试框架NightWatch（E2E，也就是End To End，就是所谓的“用户真实场景” [建议N]
Should we run 'npm install' for you after the project has been created?		#项目创建后是否要为你运行“npm install”?这里选择包管理工具 [建议yes,use npm]
yes,use npm		#使用npm
yes,use yarn	#使用yarn
no,I will handle that myself	#自己操作

# 安装依赖，启动项目
$ cd my-project
$ npm install
$ npm run dev

转载：Vue全家桶介绍

转载：vue init webpack my-project 选项详解_dadeity的博客-CSDN博客