搭建Vue 开发环境

一.安装

1.使用nodejs安装vue

安装完成node，node有自带的npm，可以直接在cmd中，找到nodeJs安装的路径下，进行命令行全局安装vue-cli。（npm install --global vue-cli）

2.检查是否安装成功

3.创建一个空的文件

4.如下选择，生成vue-test文件夹

例：生成vue-test目录结构如下图：

5.安装node_modules模块，进入vue-test文件夹 npm install

 

生成node_modules模块

6.执行npm run dev

浏览器打开如下页面

# 全局安装淘宝cnpm 镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 判断cnpm 是否安装成功
cnpm -h
# 全局安装vue-cli
cnpm install -g vue-cli
# 判断vue-cli 是否安装成功
cnpm list
#创建一个基于webpack模板的新项目
vue init webpack d:\nodeworkspace\nodeone
# 切换至项目路径
cd d:\nodeworkspace\nodeone
# 安装项目依赖文件
cnpm install
# 项目启动
cnpm run dev