1. 安装node
去官网下载,安装完成之后输入命令行node -v
,如果有显示版本则安装成功.
npm是集成在node中的,也可以运行npm -v
查看安装的npm版本
yarn是跟npm一样的东西,yarn是为了弥补npm的一些缺陷而出现的
2. 安装cnpm
npm是node官方的包管理器,cnpm是个中国版的npm,国内使用cnpm更稳定更快,和npm的区别只是在于敲入命令行时的npm和cnpm区别而已。
执行npm install -g cnpm --registry=http://registry.npm.taobao.org
如果没报错说明安装成功
3. 安装vue-cli 脚手架构建工具
执行cnpm install -g vue-cli
,如果没报错则执行vue -v
,有版本号显示说明安装成功。
4. 安装webpack
执行webpack -v
如果报错说明没安装webpack。
执行cnpm install webpack -g
安装webpack。
5. 创建vue项目
进入到要创建vue项目的文件夹中,Shift+右键,在此处打开命令行终端。
执行vue create project_name
(project_name是自定义的vue项目名称)。
此时会出现脚手架配置选项,选择"Default (Vue 3) ([Vue 3] babel, eslint)"即可。
如果碰到要使用yarn还是使用npm,选择yarn(因为前面讲了yarn比npm优秀)
6.编译并本地运行项目
进入vue项目中,执行yarn
,如果没报错则执行yarn run serve
,如果出现
则打开浏览器访问命令行出现的网址如果如下图,说明项目启动成功:
到此说明vue的开发环境已搭建完成,并测试了demo项目。
如果要了解vue项目,点这里
Q.E.D.