什么是 vue 脚手架?
他是一个快速构建 vue 项目的工具, 通过他, 我们可以将 vue 所需要的文件安装完成.
vue-cli 这个构建工具大大降低了 webpack 的使用难度, 支持热更新, 有 webpack-dev-server 的支持,
相当于启动了一个请求服务器, 给你搭建了一个测试环境, 只关注开发就 OK.
安装 vue-cli 脚手架
安装脚手架需要用 cnpm(淘宝镜像) 安装, 直接用 pip 安装会失败, 安装 cnpm 命令如下:
NPM install cnpm -g --registry=https://registry.npm.taobao.org
安装成功输入: cnpm-V, 查看 cnpm 是否安装成功,
注意 V 一定要是大写.
安装 vue 脚手架命令去下:
cnpm install -g vue-cli
安装成功是下面这样的
然后使用 vue-V 查看是否安装成功.
如果安装失败可能是 cnpm 版本过低, 更新 cnpm 的版本即可.
cnpm 更新必须要手动更新, 更新命令如下:
NPM install -g NPM
使用 vue init webpack myitem 这条命令, 就可以创建一个 vue
的脚手架.
解释一下命令:
vue init 即使用 vue-cli 初始化一个项目.
webpack 是说使用 webpack 作为构建工具.
firstvue 是项目名称. 注意: 项目名称推荐使用小写字母.
安装时会暂停一下, 你点击 Enter 进行下一步就可以了,
Install vue-router? 是否安装 vue 的路由? 如果你要做前后端的项目的话, 就要选择 yes, 建议选择 yes.
Pick an unit tester jest 是否单元测试
其他的更具自己的需求进行选择
安装成功会显示出这两个命令:
这个时候进入你新建的 vue 项目的目录下, 你会发现他新建了一个 mytime 的文件夹
在运行项目前, 需要安装依赖, 命令如下:
cnpm install
Vue 需要在黑窗口启动一下.
启动之前进入 vue 的项目根目录下. 输入命令:
cd mytime 进入根目录
NPM run dev 启动项目
启动成功效果如下:
复制路由: http://localhost:8081/ , 在谷歌浏览器打开, 会显示页面:
这个时候, 一个完整的 vue 脚手架成功搭建成功.
把你新建的 vue 项目拖拽到你的编程软件的根目录下:
会出现这些文件, 这个时候, 你就可以进行编辑了
来源: https://www.cnblogs.com/lowbi/p/10891959.html