在开始搭建 Vue 项目前,需要确保电脑已经安装了 Node 和 npm 环境。配置好基础环境后,执行以下命令:
npm install -g vue-cli
新建一个目录,例如我在桌面新建一个 VueDemo 的空文件夹。
C:\Users\Administrator\Desktop\VueDemo
在 cmd 中将工作目录切换到 VueDemo 文件中,并执行以下命令:
vue init webpack myProject
webpack 参数是指 myProject 这个项目将会在开发和完成阶段帮你自动打包代码,比如将 js 文件统一合成一个文件,将 CSS 文件统一合并压缩等。
在初始化项目时,会提示我们输入相应信息,我们可以忽略,也可以在构建好项目后在 package.json 中填写相应信息。
构建好项目后,在 VueDemo 文件夹下会有一个 myProject 的文件夹,myProject 文件夹内容如下: