一、安装node环境
1、下载地址为:https://nodejs.org/en/
2、检查是否安装成功:输入node -v 查看当前nodejs的安装版本 输入 npm -v 查看npm安装版本,如果输出版本号,说明我们安装node环境成功
二、搭建vue项目环境
1、全局安装vue-cli
npm install --global vue-cli
2、进入你的项目目录,输入vue init webpack v-demo,创建一个基于 webpack 模板的新项目
PS:说明写在前面防止有些同学没看后面的直接就按照步骤来
Vue build ==> 打包方式,回车即可;
Install vue-router ==> 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;
Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我不需要 所以 n 回车;
Set up unit tests ==> 是否安装 单元测试工具 目前我不需要 所以 n 回车;
Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我不需要 所以 n 回车;
Should we run 'npm install' for you after the project has been created?(recommended) (Use arrow keys) ==>选择项目运行命令这个里按照个人习惯一般都是选择 Yes,use NPM ;
等待创建完成....
三、启动访问项目
3.启动项目 进入到创建好的项目中 输入
npm run dev
启动成功之后命令行会打印出访问路径
好啦 至此第一个Vue项目创建好了 下篇文章介绍一些配置问题及语法