vue创建新项目

vue创建项目
第一步
(npm安装→初始化项目）
先在终端检测node是否安装，命令：node -v
如果安装直接跳过第一步。如果没安装往下走。。。
安装了node则npm就会默认安装上了。
node下载地址：https://nodejs.org/zh-cn/

版本在不断更新，你看到的可能和我不是一个版本，下载稳定版本没错。
然后一路下一步就ok了~~~~
查看版本，打开终端： node -v 和查看npm -v
就可以知道自己是否安装成功。
我下面都是用mac演示的，如图：

node自带的npm 不一定是最新的版本，如果想跟新npm 则可以在终端执行命令：
sudo npm install -g npm

由于国内大家懂得。建议使用淘宝镜像安装npm :
npm install -g cnpm --registry=https://registry.npm.taobao.org
或者用 yarn
注意：用npm和yarn选择其一
yarn config set registry https://registry.npm.taobao.org

如果需要权限，在前面加 sudo ，在执行一次。

第二步
全局安装vue-cli
这是vue脚手架
上来先查看下是否安装了，命令：vue list

如果安装了，就下一步，如果没有安装，在执行命名：
cnpm install vue-cli -g
或者
yarn global add vue-cli
安装完成后执行：
vue list
如图：

这样就安装成功了。
第三步
开始创建项目，前端流行的webpack打包，在终端进入要存放项目的目录下
执行：vue init webpack "project name"
双引号内自己填写项目名称
这里有个should we run 。。。 我这里用yarn ,因为我两个都安装了，会让我选择，没安装两个，可能不会有选择，我选择yarn。
注意：进行这一步时，一定要选好创建项目的路径，否则自己也不知道项目新建到哪去了？？？

这样项目就创建成功了，如图：

这时进入到创建项目的目录下，一定要进入到项目目录下哦！

第四步
同样的，如果项目用cnpm 创建的则用：
cnpm install
如果用yarn创建的执行：
yarn install

第五步
运行项目，执行：
cnpm run dev
或者：
yarn run dev

这样就创建好了vue项目。

在浏览器中输入地址：如图

大功告成了。。。