node.js搭建vue项目

一、安装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 安装相关依赖

4. 再次运行项目，浏览器访问http://localhost:8080，出现vue页面即创建成功