一.安装
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