vue项目搭建

创建vue项目需要以下步骤：

1.安装node.js

2.使用淘宝的镜像源

3.安装编程软件，比如vs.code

4.安装vue-cli

5.使用cnpm命令创建vue项目

1.安装node.js 

• 下载地址：Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/zh-cn/
• 不推荐下载最新版。下载完后在安装的位置使用命令行node -v查看版本，若无即为安装失败

2.使用淘宝镜像源

• 安装位置用命令行输入：npm install -g cnpm --registry=https://registry.npm.taobao.org 即可安装npm镜像源
• 检查是否安装成功：cnpm -v

3.安装vs.code

Visual Studio Code - Code Editing. Redefined

4.安装vue-cli

• cnpm install -g @vue/cli  //命令行
• vue --version //查看版本

5.使用cnpm命令创建vue项目

以管理员身份打开命令行界面 (按住 shift 鼠标右键 打开 PowerShell)，输入命令：

vue create system（ system 是项目名）创建项目

 进入项目目录，输入 npm install 初始化

 输入 npm run dev 运行项目

若项目创建成功，则会如图所示