1. 下载nodejs,下载地址:https://nodejs.org/en/download/
2. 查看安装版本,执行命令:
node -v
npm -v
3. 安装 cnpm:
npm install -g cnpm --registry=http://registry.npm.taobao.org
4. 安装vue-cli脚手架构建工具:
npm install -g vue-cli
5. 创建项目
5.1 在项目目录文件夹下进入cmd控制台。
5.2 执行创建命令(如果报错请参考补充说明):
vue init webpack projectname
5.3 一路回车键直到创建成功。
6. 启动项目:
6.1 进入项目目录
cd projectname
6.2 安装依赖
npm install
6.3 启动命令
npm run dev
6.4 浏览器访问 http://localhost:8080
补充说明
1. 执行创建命令时报错:vue-cli · Failed to download repo vuejs-templates/webpack-simple: unable to verify the first certificate
解决办法:下载模板到本地,离线生成项目文件
下载地址:https://github.com/vuejs-templates 建议下载webpack-simple,webpack有坑(类似严格模式,多个空格都会报错)。下载直接点Clone or Download 里的 Download ZIP。
下载后解压到 C:\Users\当前用户名\.vue-templates (没有 .vue-templates目录就创建一个)。
然后在项目文件夹下重新执行:
vue init webpack-simple projectname --offline
2. 这里的 projectname 不能有大写字母,否则报错。