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,如果出现
image.png

则打开浏览器访问命令行出现的网址如果如下图,说明项目启动成功:
image.png

到此说明vue的开发环境已搭建完成,并测试了demo项目。
如果要了解vue项目,点这里

Q.E.D.


做一个热爱生活的人