文章目录
一、安装node.js
1. 下载安装包
https://nodejs.org/en/download/,选择对应系统版本,默认安装
ps:本文安装的windows x64系统 版本 node-v12.14.1-x64.msi
2. 打开cmd窗口,查看是否安装成功
查看安装版本 node -v
查看npm版本 npm -v (现在版本的nodejs已经集成npm所以无需安装)
3. 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
二、构建VUE项目
1. 安装vue脚手架vue-cli
#安装
cnpm install -g vue-cli
#安装完成后查看vue版本(注意命令中是大写的V)
vue -V
2. 初始化vue项目
#cd 到创建的目录下面
cd C:\Users\Administrator
#执行创建
vue init webpack my-project
#按提示选择如下图
解释:
Project name 项目名称
Project description 项目名描述
Author 作者邮箱
Vue项目构建:运行+编译还是仅运行
是否安装vue-router?
Use ESLint to lint your code? 是否需要ESlist语法检查
Setup unit tests? 是否需要单元测试
Setup e2e tests with Nightwatch? 是否需要e2e测试
是否在项目创建成功后自动执行“npm install”安装依赖
3. 运行项目
执行命令
npm run dev
报错如下:
解决方式:cd到项目目录下,执行cnpm install 安装相关依赖