Web开发

首页 » 常识 » 预防 » 融职教育Web前端学习第7章Vue基
TUhjnbcbe - 2023/7/27 22:01:00

一、使用vue/cli创建Vue项目

在第七章我们已经介绍了如何使用npm命令全局安装node包,本节我们需要安装一个名为

vue/cli的包来创建我们的vue项目,安装代码如下所示:

npminstall-g

vue/cli

安装完成之后,在命令行可以使用Vue命令命令创建一个vue项目,具体命令如下所示

vuecreatehello

安装过程需要连接国外服务器下载项目模板和依赖包,如果网速过慢可以在配套示例代码中下载项目模板,然后使用cnpm下载依赖包。

创建完成之后,让命令行工具进入到hello目录中,然后执行下面的命令启动项目:

npmrunserve

项目启动后,会在端口开启一个服务器,我们直接访问

1
查看完整版本: 融职教育Web前端学习第7章Vue基