Vue入门-搭建vue.js

之前在电脑上已经安装好了总结一下...

命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org(npm install太慢了，耗费时间而且有时会出现报错==心累....)

安装淘宝镜像

命令行输入cnpm install vue -g

安装vue.png

命令行输入cnpm install webpack -g

安装webpack.png

安装vue脚手架.png

通过脚手架下载官方提供的模板，命令行输入：vue init <template-name> <project-name>
初始化一个项目: vue init webpack my-project
（vue官方模板的构建工具中webpack使用者最多、最方便）

官方模板.png

运行初始化命令的时候回让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好。

1.png

注：光标放在（Use arrow keys）单击回车

2.png

3.png

安装依赖成功（等了大概10几分钟，比较慢...），模板已下载完成~

提示.png

提示进入到项目目录todolist，命令行输入npm run dev，进行开发环境启动：

npm run dev.png

然后vue.js就跑起来啦~：

运行一下.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。