怎样使用 vue-cli ( Vue 脚手架 )
2024-09-07 02:49:35
vue-cli 是 Vue 官方出品的快速构建单页应用的脚手架, 相当于 React 官方出品的 create-react-app , 下面演示 vue-cli 的 最 基本用法:
1. 全局安装 vue-cli, 这里使用 cnpm 进行安装, 没有安装 cnpm 可是看: 这里
$ cnpm install -g vue-cli
2. 安装后, 我们使用下面的命令初始化一个 vue 项目, 执行期间一律按 回车
$ vue init webpack my-project
如果没有安装 webpack, 可以使用 cnpm 进行安装
3. 完成后, 按照命令行里的提示, 我们需要切到 ./my-project 目录下, 然后加载依赖包: cnpm install
$ cd ./my-project
$ cnpm install
注意, 这里使用 npm install 也是可以的, 但会很慢, 所以建议使用 cnpm
4. 运行 cnpm run dev 启动项目, 出现下面指示时, 表示已经启动成功.
$ cnpm run dev
5. 打开浏览器, 输入 localhost:8080 即可查看已启动的项目
最新文章
- MacBook下如何安装mysql-python
- 2-5. Working with Compile Time Constants
- JS中实现数组和对象的深拷贝和浅拷贝
- XML理解
- 详解SSH注解配置,bean注解、事物注解等
- 网易云课堂_程序设计入门-C语言_第三周:循环_2数字特征值
- 左右GNU Linux企业加密文件系统 eCryptfs简介
- javascript第八章--事件
- JavaWeb学习总结(一)——JavaWeb开发入门(转)
- 关于python爬虫经常要用到的一些Re.正则表达式
- Jquery 对DOM 的操作
- centos设置网卡开机自启动
- 03-在tomcat部署网站多个网站
- spring mybatis整合
- chage命令
- TLS1.1升级到TLS1.2(微信小程序要求TLS1.2以上)
- 修改linux的ssh默认端口号22的方法
- 使用FractionSlider生成的视差幻灯效果原型
- C# 进程优先级和线程优先级的方法
- 【IdentityServer4文档】- 使用客户端凭据保护 API