vue-cli创建项目

标签：create   css   adf   boot   rom   creat   efault   jquery   UI   

1.nodejs
服务器语言

当你电脑安装了nodejs软件，它自带一个模块npm install jquery
就像：电脑上安装了python 自带一个模块pip3。 pip3 install Django 下载python的第三方的模块。内置模块

fs.readFile(‘/etc/passwd‘, function(err,data) {
if (err) throw err;
console.log(data);
});


前端的包： jquery bootstrap vue
npm install

es6Module导入包时


首先1.先export default
2.import xxx from ‘xxxx‘

es6的有部分的api是在浏览器不识别
2.babel的作用 解析es6的代码转化成es5的语法
3.webpack：
打包机：能将我们的html、css、js、png等等打个包

压缩我们的js、css、html


编译打包 ===》上线

4.vue-cli 脚手架 内部集成了：nodejs+webpack



下载完vue-cli脚手架，按照它的规则去做我们想做的事情



npm install jquery


var $ = require(‘jquery’);

import $ from ‘jquery‘



组件的应用：


bootstrap: 组件 html+css+js 插件：

jquery插件

组件的定义：在vue中一个.vue就是一个组件





使用vue-cli生成项目步骤：
1、安装nodejs
node -v
npm -v
2、Vue CLI需要Node.js 8或更高版本（建议8.10.0以上）
执行如下：npm install -g @vue/cli

看到了：@vue/cli@3.0.0-rc.3表示安装成功了
或者是：C:\Users\Administrator>vue -V
3.0.0-rc.3

3、vue create hello-world生成新项目

一定要连网，等待它下载完成

4.
$ cd hello-world
$ npm run serve

npm run dev
npm start

重要：
1、vue-cli脚手架
2、生成项目

3、组件
4、组件和插件的区别
5、markdown
6、组件的传值

vue-cli创建项目

标签：create   css   adf   boot   rom   creat   efault   jquery   UI   

原文地址：https://www.cnblogs.com/chongdongxiaoyu/p/9231000.html