一、安装node环境
上手vue2的学习笔记2之安装nodejs和npm的踩坑经历
node -v //查看是否安装成功
npm -v //查看npm是否安装成功
二、搭建vue项目环境
参考链接1:vue(2.0版本)安装步骤教程
参考链接2: MacOS 搭建一个vue项目(完整步骤)
1、安装vue2
npm install --g vue-cli //安装vue2
npm install -g @vue/cli //安装vue3
vue -V //查看vue是否安装成功
2、创建一个基于 webpack 模板的新项目
# 进入你的项目目录
cd workspace
vue init webpack 项目名
过一会儿会得到
可以在cd的项目路径中查看刚刚创建的项目
3、安装依赖
# 进入项目
cd vue_bing_test
cnpm install
安装完成之后,项目中会多一个node_modules文件夹,这里面就是所需要的依赖包资源。
4、启动项目文章来源:https://www.toymoban.com/news/detail-575254.html
npm run dev
项目启动后,在浏览器中输入项目启动后的地址:http://localhost:8080
在浏览器中会出现vue的logo:
文章来源地址https://www.toymoban.com/news/detail-575254.html
到了这里,关于上手vue2的学习笔记4之搭建vue环境的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!