vue cli2/3的项目创建

 -Vue CLI2初始化项目

        -vue init webpack 项目名称

-Vue CLI3初始化项目

        -vue create 项目名称

### 安装 Vue CLI创建 Vue 3 项目 为了简化配置并跳过从 ES6 到 ES5 的编译过程,可以使用 Vue CLI 工具来快速启动开发环境[^1]。 #### 安装 Vue CLI 如果尚未安装 Vue CLI,则可以通过执行以下命令来进行全局安装: ```bash npm install -g @vue/cli ``` 这条命令会下载并安装最新版本的 Vue CLI工具到系统的环境中[^2]。 #### 创建新的 Vue 3 项目 一旦 Vue CLI 成功安装完毕之后,就可以通过下面的方式创建一个新的基于 Vue 3 的应用程序: ```bash vue create my-vue-app ``` 这将会引导用户进入交互式的设置流程,在这里可以选择预设选项或是手动挑选特性。对于希望直接采用默认配置的情况来说,只需输入 `my-vue-app` 后按回车键即可继续,默认情况下会选择适合大多数场景的基础模板。 在初始化过程中,CLI 可能还会询问是否要为新应用选择特定的功能模块(如路由、Vuex状态管理库等),以及指定测试框架其他构建工具的选择。根据实际需求做出相应选择即可。 完成上述操作后,Vue CLI 将自动处理项目的搭建工作,并最终提示成功创建了一个全新的 Vue 3 应用程序实例。 #### 运行本地服务器 当一切准备就绪时,进入到刚刚创建的应用目录下并通过如下指令开启本地开发服务器: ```bash cd my-vue-app npm run serve ``` 此时应该能够在浏览器中访问 http://localhost:8080 查看正在运行的新建 Vue 3 应用了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值