搭建vue项目
- 安装node.js
首先需要在电脑上安装node.js,可以在官网https://nodejs.org/en/ 下载安装包进行安装。安装完成后,在命令行中输入“node -v”命令,如果能正确显示版本号,则代表安装成功。
- 安装vue-cli
在命令行中输入以下命令安装vue-cli:
npm install -g vue-cli
安装完成后,输入“vue -V”命令,如果能正确显示版本号,则代表安装成功。
- 创建项目
在命令行中进入想要创建项目的目录,然后输入以下命令创建vue项目:
vue init webpack my-project
其中,“my-project”为项目名称,可以根据自己的需求进行修改。
在创建过程中,会提示输入一些选项,例如项目描述、作者等,可以根据自己的需求进行填写。
- 安装依赖
项目创建完成后,需要进入项目目录并安装项目依赖。在命令行中输入以下命令:
cd my-project
npm install
这个过程可能需要一些时间,需要耐心等待。
- 运行项目
在安装完依赖后,可以输入以下命令运行项目:
npm run dev
这个命令会启动一个本地服务器,并在浏览器中打开项目页面。
- 编写代码
项目运行成功后,就可以开始编写代码了。在“src”目录下可以找到项目的源代码,可以根据自己的需求进行修改。
- 打包项目
当项目完成后,可以使用以下命令打包项目:
npm run build
这个命令会生成一个“dist”目录,里面包含了打包后的项目文件。可以将这些文件上传到服务器上进行部署。
原文地址: https://www.cveoy.top/t/topic/bf8x 著作权归作者所有。请勿转载和采集!