vue学习（一）——安装搭建及新建项目

新手学习vue，以下步骤均需在cmd窗口执行一些命令，建议多看vue官方文档

 

第一步安装node及cnpm：

下载node.js（版本4.0以上即可），傻瓜式安装，然后安装淘宝镜像（cnpm），使用cnpm安装比较快速，安装cnpm后，后边的npm指令都需换成cnpm，接着需要全局安装vue的脚手架工具vue-cli，安装完成后即可创建vue项目。

#安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

#安装vue-cli

npm install --global vue-cli

 

第二步创建项目：

安装完node及cnpm后，就可以创建项目了，以下以webpack模板为例创建一个项目

#创建一个基于webpack模板的项目

vue init webpack my-project（执行完这个命令会出现一些问题需要确认，包括项目名称，项目描述，作者等）

# 安装依赖，走你

cd my-project（找到文件）（注：注意文件所在的盘符，切换盘符的命令是：例如进入到E盘，输入e:回车即可进入E盘）

npm install（下载安装依赖，每个项目只需下载一次即可）

npm run dev（会提供一个8080端口，即可在浏览器看到页面）

 

相关资源链接：

node.js https://nodejs.org/en/download/

淘宝镜像（cnpm）：https://npm.taobao.org/

vue官方文档：https://cn.vuejs.org/v2/guide/index.html