最近的项目都用到Vue,之前也学过一点,打算继续学习,由于新电脑没有安装Vue,所以记录一下Vue的安装和项目搭建。巩固一下
准备工作
- 安装node.js
到官网去下载安装包然后进行安装
node -v
npm -v
-
国内使用官方的镜像是很慢的,推荐使用淘宝NPM镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org -
安装Vue 脚手架
cnpm install vue-cli -g //全局安装 vue-cli
查看vue-cli是否成功,不能检查vue-cli,需要检查vue -
安装 webpack
npm install webpack -g -
安装 less
npm install -g less
到此为止,项目需要的环境基本安装好了,下面开始构建项目。
项目搭建
1.选定路径,创建一个文件夹,cd 到这个目录下
2.vue init webpack “项目名称”
到此项目就算是创建完成了,下面就安装依赖,然后运行。
npm install
npm run dev