vue项目环境部署，在指定目录下搭建vue项目

vue项目环境部署

• 准备工作
• 指定目录
• 创建新项目
• 安装依赖
• 项目运行

准备工作

1、必须要安装nodejs
下载网址http://nodejs.cn/download/
注意下载与系统相匹配的nodejs

安装完后cmd内可使用node -v检查node的版本，如果出现版本号则node已安装。

2、搭建vue的开发环境 ，安装vue的脚手架工具 ，官方命令行工具

npm install -g vue-cli （此命令只需要执行一次）

或者使用国内的淘宝镜像

下载命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

下载完后cmd内可使用cnpm -v检查cnpm，如果出现版本号则cnpm可正确使用。

cnpm安装vue的脚手架命令：

cnpm install --global vue-cli（此命令只需要执行一次）

二者任执行其一即可

推荐cnpm，cnpm 下载包的速度更快一些。

指定目录

例如，F:\DO 在命令行中把跳转到目标目录下（cd空格 文件夹名称）。

创建新项目

命令行在DO目录下运行命令 vue init webpack vue_demo01

运行初始化命令的时候会让用户输入几个基本的选项，如项目名称，描述，作者等信息

除了 ESLint是no外其他的都可以直接回车跳过。

安装依赖

首先cd到项目文件夹（vue_demo01文件夹），然后运行命令 npm install 或者是 cnpm install，等待安装依赖。 安装完成之后，项目目录vue_demo01文件夹中多出一个node_modules文件夹，这里边就是我们项目需要的依赖包资源。

项目运行

进入vue_demo01文件夹内输入命令 npm run dev

出现下图所示及项目运行成功。