1.vue-cli 是Vue的脚手架工具,windows 下要安装 vue-cli,必须先安装 node.js,才能使用npm。
在cmd里输入node -v,若能出现版本号,则表示已经安装,若不能,需要到官网下载安装 (https://nodejs.org/en/)
2.在安装好的目录下,新建两个文件夹 ”node_cache” 和 ”node_global”
3.修改 npm 全局模块和缓存的路径,才cmd里面输入
4.通过淘宝镜像配置cnpm,在cmd里面输入
为了避免每次安装都需要加上--registry参数,可以使用如下命令,永久更改系统里面的指定下载站点
5.设置环境变量,在系统变量path里面添加刚刚的全局模块存放路径
6.全局安装 vue-cli
7.创建一个基于 webpack 模板的新项目,在cmd里面,切换到你要存放项目的路径,输入
vue init webpack ProjectName
创建项目常用的选项
这个是官方的路由,大多数情况下都使用
- Use ESLint to lint your code?
ESLint是用来统一代码风格的,一般项目都会使用。
等待依赖包安装完成之后,切换到项目路径下,输入 npm run dev 启动项目,即可看到在本地成功启动。
|