vue学习记录---创建项目

vue学习记录—创建项目

1. 独立版本
   可以再vue.js的官网下载vue.min.js并用

Staticfile CDN（国内） : https://cdn.staticfile.org/vue/2.2.2/vue.min.js

unpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。

cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

3. npm安装
   查看版本
   $ npm -v
   

升级cnpm

cnpm install npm -g

升级或安装 cnpm

npm install cnpm -g

安装vue

cnpm install vue

全局安装 vue-cli

 cnpm install --global vue-cli

创建基于webpack新项目

vue init webpack my-project

进入项目，安装并运行

cd my-project
cnpm install（安装依赖）
cnpm run dev （运行）

访问 http://localhost:8080/，输出结果如下所示：

使用vue脚手架创建项目（vue-cli（4.0））

注意：在使用之前确定电脑是否安装node，建议版本8.0.0以上
开始安装vue-cli

npm install webpack webpack-cli -g
npm install -g vue-cli

安装完成之后输入：

webpack -v

安装完成后，检验是否安装成功，输入 ：

vue-V (注意：这里是大写的 “V”)

如果出现版本号，则说明安装成功。

创建项目

vue init webpack vue-demo

创建项目成功,继续下一步学习！