本文详细介绍了如何从零开始搭建一个Vue.js项目。首先，你需要下载并安装Node.js，然后设置npm的缓存和全局模块路径。接着，通过安装cnpm（淘宝镜像）加速后续的包管理。安装Vue.js及其命令行工具vue-cli后，可以使用vue-cli创建新项目，并下载项目依赖。最后，通过运行`npm run dev`启动项目，`npm run build`进行项目编译。这是一个完整的前端开发流程指南。
1.安装node.js
下载地址：https://nodejs.org/en/
检查是否安装成功
(查看node版本号)node -v
(查看npm版本号)npm -v
2.设置缓存文件夹路径
npm config set cache "node安装路径\node_cache"
3.设置全局模块存放路径(方便vue-cli,cnpm等包的管理)
npm config set prefix "node安装路径"
4.查看npm的配置指令
npm config ls
5.基于 Node.js 安装cnpm（淘宝镜像）
npm install -g cnpm --registry=https://registry.npm.taobao.org
6.安装vue
cnpm install vue -g
7.安装vue命令行工具，即vue-cli 脚手架
cnpm install vue-cli -g
8.使用vue新建一个vue项目
vue init webpack ”项目名称“
9.下载依赖
cnpm install
10启动vue项目
cnpm run dev
11.编译vue项目
npm run build
扫一扫
2369
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
