一、下载node.js (node里面提供了npm包可供我们下载各种包,因此我们先下载node.js)
- https://nodejs.org/en/download/
- 下载完成之后傻瓜式安装即可(一直点下一步)
- 安装完成检查是否安装成功
- 升级npm版本
npm install -g npm //-g指全局安装
- npm是要访问国外站点的,因此速度会较慢。在安装模块时我们可以使用淘宝镜像。安装淘宝镜像如下:
npm install -g cnpm
- 使用淘宝镜像安装模块,格式如下:
cnpm install -g less //install 可以简写为i
二、下载vue-cli
cnpm install --global vue-cli
或者
npm install -g vue-cli
三、使用vue-cli构建vue项目
1、初始化一个简单模板
vue init webpack-simple my-project-name
2、构建vue项目
vue init webpack-simple my-project-name
- 上图中,ESLint算是一个代码语法规范的检查工具,建议新手选No。否则是一件令人头疼的事!
四、创建完成之后,进入项目
cd my-project-name
五、安装项目依赖
npm install
六、运行项目
npm run dev
注:该图片来自网络
七、访问
在浏览器输入:localhost:8080