1、安装Node.js
下载地址:https://nodejs.org/en/download/
2、执行npm install --global vue-cli 命令,全局安装vue-cli
3、执行vue init webpack vue-project 命令
其中vue-project 是自己的项目名称
如下图所示,执行后,会让你确认Project name,Project description,Author,Vue build,Install vue-router,Use ESLint to lint your code?,Set up unit tests,Pick a test runner,Setup e2e tests with Nightwatch?, Should we run npm install for you after the project has been created?,直接回车就表示Yes了。
其中就Use ESLint to line your code ?选择 No,该选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,避免不必要的麻烦。
安装完后显示如下:
安装完成后,在刚才执行命令的目录下就生成了项目文件夹。
输入命令cd first-vue进入到项目目录下,运行命令npm run dev便可以打开本地服务器实时查看效果(localhost:8080)。
默认项目运行效果: