vue开发环境搭建以及创建vue项目

vue创建项目

环境准备

1. 编辑器
推荐VS code 或者 WebStorm

2. 安装node.js https://nodejs.org/en/（推荐v10以上）

//检查node是否安装成功
node -v

3. 基于 Node.js 安装cnpm（淘宝镜像）

npm install -g cnpm --registry=https://registry.npm.taobao.org 
//检查 cnpm是否已经安装好 命令 
cnpm -v

4. 安装webpack

npm i webpack@4 webpack-cli -D

5.安装vue
可以使用下列命令安装vue：

cnpm install vue -g

6.安装vue脚手架 vue-cli

cnpm install vue-cli -g
//检查是否安装成功：
vue --version

或者5，6可以合成一步

//可以使用下列任一命令安装这个新的包：
cnpm install -g @vue/cli
# OR
yarn global add @vue/cli
//检查是否安装成功
vue --version

如需升级全局的 Vue CLI 包，请运行：

npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

创建项目

搭建vue项目

vue create 你的项目名字

可以通过 vue ui 命令以图形化界面创建和管理项目：

vue ui

启动

//下载依赖
cnpm i
//运行
yarn serve
or
npm run serve