搭建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

浏览器打开如下页面

[html] view plain copy

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