码迷,mamicode.com
首页 > 其他好文 > 详细

vue 新手门环境搭建

时间:2017-08-01 12:48:43      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:pack   exists   基于   targe   需要   web   nodejs   size   soft   

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 新手门环境搭建

标签:pack   exists   基于   targe   需要   web   nodejs   size   soft   

原文地址:http://www.cnblogs.com/xushengguan/p/7267599.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!