欢迎大家来到IT世界,在知识的湖畔探索吧!
简介
为了让一些不太清楚搭建前端项目的小白，更快上手。今天我将一步一步带领你们进行前端项目的搭建。前端开发中需要用到框架，那vue作为三大框架主流之一，在工作中很常用。所以就以vue为例。
安装node
下载并安装node
下载地址为：https://nodejs.org/en/
在 nodejs官网下载最新版稳定版的node.js安装，自带了npm工具 ,推荐下载左边的。
欢迎大家来到IT世界,在知识的湖畔探索吧!
检查node是否安装成功
node -V欢迎大家来到IT世界,在知识的湖畔探索吧!
安装淘宝镜像
为了更快安装，可以使用淘宝的镜像：http://npm.taobao.org/
在终端输入以下命令：
欢迎大家来到IT世界,在知识的湖畔探索吧!npm install -g cnpm –registry=https://registry.npm.taobao.org
检测cnpm是否安装成功
cnpm -V搭建vue项目环境
全局安装vue-cli
vue-cli是vue脚手架工具，方便打包，部署，测试等。
欢迎大家来到IT世界,在知识的湖畔探索吧!cnpm install --global vue-cli
使用脚手架初始化vue项目
进入你的项目目录，创建一个基于 webpack 模板的新项目: vue init webpack 项目名
vue init webpack my_project
安装依赖
进入项目
欢迎大家来到IT世界,在知识的湖畔探索吧!cd my_project
安装依赖
cnpm install
此时项目中会多了一个node_modules
启动项目
欢迎大家来到IT世界,在知识的湖畔探索吧!cnpm run dev
启动成功
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://itzsg.com/116061.html
