Vue的安装和项目搭建
2020-08-07 21:07
176 查看
最近的项目都用到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
相关文章推荐
- Vue学习01--node环境安装和vue搭建初始项目
- Vue 安装与项目搭建
- VUE2.0的简单入门(一)-安装node.js环境搭建与项目构建
- vue项目安装搭建
- 从零开始搭建vue项目,并安装常用插件
- NodeJS、NPM安装配置步骤(windows版本)+Vue项目从搭建环境到打包上线
- vue cli脚手架工具安装以及搭建vue项目
- 新手上路!vue-cli4.0脚手架安装过程及项目搭建!
- vue-cli3 第三版安装搭建项目
- MAC 安装node、webpack、搭建vue项目(不会的人看的,会的不要看)
- vue-cli安装以及搭建vue项目详细步骤
- VUE项目搭建 vux安装
- Vue脚手架安装以及搭建项目
- Vue安装配置及搭建项目
- vue的安装和项目搭建
- VScode中vue的安装及项目的搭建
- vscode之vue-cli安装和vue项目搭建
- vue-cli安装搭建初始项目
- 安装nodejs搭建vue项目