首页 > 代码库 > vue 新手门环境搭建
vue 新手门环境搭建
1.当然得去到node官网安装node.js。
从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。
安装完成之后，打开命令行工具，输入 node -v，如果出现相应的版本号，则说明安装成功。
npm包管理器，是集成在node中的,所以直接输入npm -v会显示相应的版本信息。
2. 安装淘宝镜像
国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。通过以下命令安装：
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完同样可以通过以下命令查看版本号：
cnpm -v
3.安装webpack
cnpm install webpack -g
4.安装vue脚手架
npm install vue-cli -g
5.在硬盘上找一个文件夹放工程用的，在终端中进入该目录
cd 目录路径
6.创建一个基于 webpack 模板的新项目
vue init webpack my-project（项目名）
然后会有一些初始化的设置，如下输入:Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板，这里可能需要连代理)Project name (vue-test)直接回车默认Project description (A Vue.js project) 直接回车默认Author 写你自己的名字
最后会出现以下三个命令提示：
$ cd my-project
$ npm install
$ npm run dev
直接npm run dev 项目走起。
vue 新手门环境搭建
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。