Vue：vue项目创建（准备）

vue项目创建

（1）执行创建项目的命令

vue init webpack chen_project     #其中chen_project为项目名称，可以随便起

（2）安装中的一些设置如下

             

 

　　最后一条选择 no 出现以下界面，根据提示，然后依次执行命令，分别为：

　　　　a、进入到项目

　　　　b、下载packjson中的包

　　　　c、启动服务

            

 

　　若最后一条选择的是默认的第一个 yes, use npm ,则会在创建项目的同时，下载了 packjson中的包，出现以下界面，按照提示，执行即可：

　　       

 

（3）执行 npm run dev ，启动服务之后，

         

　　直接访问该网址即可，能访问成功表示，项目模板创建成功，以后，如果想要写项目，直接使用该模板即可。

 

vue项目中依赖的插件下载

vue项目下载 Elentment-Ui

1）官网查找下载命令：

　　element-ui官网:  http://element-cn.eleme.io/#/zh-CN/component/installation 

                          

npm i element-ui -S       # 也可以使用 cnpm 淘宝镜下载快（如果电脑安装了淘宝镜像的话）

 

2）终端cmd中切入到自己的vue项目中，执行命令

                       

3）在vue项目的 main.js 中引入element

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

 

             

 

vue项目中引入jquery

一般情况下，在vue中不使用 jquery,不再使用 ajax发送请求

而是使用 axios发送请求 

Vue项目使用axios

 

 

 

Vue项目导入vuex

 

 

Vue项目下载 vue-cookies

npm i vue-cookies -S     # 或者 cnpm ....

 

 

Vue项目下载 animate.css