vue搭建项目的步骤及详解

Posted 2021-02-21 vofill

一、项目环境的搭建

　　1、安装nodejs

　　　　官网下载nodejs：https://nodejs.org/en/

　　　　Node.js自带npm包管理工具，使用npm可使我们快速安装项目中所需要的组件。
　　　　终端中输入如下命令行，检查node的版本：node --version

　　　　如果安装成功，会出现当前版本号，如果没有安装成功，则未安装成功；

　　2、安装vue-cli脚手架工具

　　　　命令输入：npm install -g vue-cli

二、项目的搭建

　　1、基于webpack模板搭建vue项目

　　　　命令输入：vue init webpack my-project

　　2、其中my-project为项目名称，根据自己项目自定义名称。
　　　  输入并回车后，待下载完模版，会进入一系列的配置问题，详细如下：

• Project name：项目名称
• Project description：项目描述
• Author：作者
• Vue build：运行时与编译
• Install vue-router?：是否安装路由？
• Use ESLint to lint your code?：是否进行代码检测？
• Setup unit tests with Karma + Mocha?：是否进行单元测试？
• Setup e2e tests with Nightwatch?：是否进行端对端测试？